订单状态修改

src/views/order/components/add.vue

@@ -33,7 +33,8 @@
                 <div style="color:#ff9e01;">
                     <span v-if="item.status == 'pending'">挂单</span>
                     <span style="color: red;" v-if="item.status == 'refund' && item.orderType == 'return'">退单</span>
-                    <span style="color:#21c36b;" v-if="item.status == 'closed' || item.status == 'refund'">订单完成</span>
+                    <span style="color:#21c36b;"
+                        v-if="item.orderType != 'return' && (item.status == 'closed' || item.status == 'refund')">订单完成</span>
                 </div>
             </div>
         </div>
@@ -75,6 +76,7 @@ const clickitemboxshow = (e) => {
         justify-content: space-between;
         border-bottom: 1px solid #ccc;
         position: relative;
+
         .demo_tabs_boxitem_oneyt {
             position: absolute;
             top: 20%;

src/views/order/index.vue

@@ -69,8 +69,10 @@
                 </div>
                 <div class="orderbox_right_top" style="margin-top: 20px; border-bottom: 2px solid #ccc;">
                     <span style="font-size: 16px;" v-if="orderDetaildata.status == 'pending'">挂单</span>
-                    <span style="font-size: 16px; color: red;" v-if="orderDetaildata.status == 'refund' && orderDetaildata.orderType == 'return'">退单</span>
+                    <span style="font-size: 16px; color: red;"
-                    <span style="font-size: 16px; color:#21c36b;" v-if="orderDetaildata.status == 'closed' || orderDetaildata.status == 'refund'">订单完成</span>
+                        v-if="orderDetaildata.status == 'refund' && orderDetaildata.orderType == 'return'">退单</span>
+                    <span style="font-size: 16px; color:#21c36b;"
+                        v-if="orderDetaildata.orderType != 'return' && (orderDetaildata.status == 'refund' || orderDetaildata.status == 'closed')">订单完成</span>
                 </div>
                 <div class="orderbox_right_top" style="margin-top: 20px;">
                     <span>商品明细</span>
@@ -84,17 +86,18 @@
                 </div>
                 <div class="orderbox_right_list_item" style="margin-top: 20px;"
                     v-for="(item, index) in orderDetaildata.detailList" :key="index">
-                    <div>{{ item.productName }}-{{ item.productSkuName }}</div>
+                    <div>{{ item.productName }} {{ item.productSkuName }}</div>
                     <div style="text-align: center;">{{ item.num }}</div>
                     <div style="text-align: center;">{{ item.price }}</div>
-                    <div v-if="item.status == 'refund' && item.orderType == 'return'"><span
+                    <div v-if="item.status == 'refund'"><span
                             style="border: 2px solid red; color: red; padding: 4px 2px;">已退</span></div>
                     <div v-else>{{ item.priceAmount }}</div>
                 </div>
             </div>
             <div class="orderbox_right_button">
-                <el-button style="width: 100%;" v-if="orderDetaildata.status == 'refund' && orderDetaildata.orderType == 'return'" type="primary"
+                <el-button style="width: 100%;"
-                    @click="recharge = true">退单</el-button>
+                    v-if="orderDetaildata.orderType != 'return' && (orderDetaildata.status == 'refund' || orderDetaildata.status == 'closed')"
+                    type="primary" @click="recharge = true">退单</el-button>
                 <div class="orderbox_right_buttonbutton">
                     <!-- // -->
                     <el-button @click="print('normal')" style="width: 45%;" type="">重打收銀打票</el-button>
@@ -186,7 +189,7 @@
                             v-for="(item, index) in orderDetaildata.detailList" :key="index">
                             <div class="recharge_footer_itemright_botton_itemone">
                                 <el-checkbox @change="changezong(item, index, 1)"
-                                    :disabled="item.status == 'refund' && item.orderType == 'return' ? true : false" v-model="item.checked"
+                                    :disabled="item.status == 'refund' ? true : false" v-model="item.checked"
                                     size="large" />
                                 <span style="margin-left: 10px;">{{ item.productName }}</span>
                             </div>
@@ -244,6 +247,7 @@ const buttonloading = ref() //loading
 const payreturnOrderclick = async () => {
     buttonloading.value = true
     if (refundamount.value == 0) {
+        buttonloading.value = false
         ElMessage.error('退款金额不能为0！')
         return false
     }
@@ -260,7 +264,7 @@ const payreturnOrderclick = async () => {
         })
         arr = arr.filter(item => { return item && item })
         if (arr.length != 0) {
-            await payreturnOrder()
+            await payreturnOrder(arr)
             changechecked.value = false
             recharge.value = false
             itemboxshow.value = false
@@ -332,7 +336,7 @@ const changezong = (e, b, c) => {
         } else {
             refundamount.value = clearNoNum({ value: JSON.stringify(Number(refundamount.value) - (Number(e.num) * Number(e.price))) })
         }
-        if (orderDetaildata.value.detailList.every(item => item.checked == true || item.status == 'refund' || item.orderType == 'return' )) {//判断是否全选
+        if (orderDetaildata.value.detailList.every(item => item.checked == true)) {//判断是否全选
             changechecked.value = true
         } else {
             changechecked.value = false
@@ -342,7 +346,7 @@ const changezong = (e, b, c) => {
         orderDetaildata.value.detailList.forEach((e, a, b) => {
             console.log(e, refundamount.value)
             if (changechecked.value) {
-                if (e.status == 'refund' && e.orderType == 'return') {
+                if (e.status == 'refund') {
                     e.checked = false
                 } else {
                     e.checked = true