From eab1e80a967329027834f1be8a45427beb3af3c1 Mon Sep 17 00:00:00 2001
From: woody <woody@gmail.com>
Date: Thu, 8 May 2025 14:13:37 +0800
Subject: [PATCH] =?UTF-8?q?fix(selfCancelOrder):=20=E8=87=AA=E5=8A=A9?=
 =?UTF-8?q?=E6=92=A4=E5=8D=95=E7=A7=BB=E9=99=A4BV=E5=B1=95=E7=A4=BA=20bug-?=
 =?UTF-8?q?75?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../selfService/selfCancleOrder.vue           | 155 +++++++++---------
 1 file changed, 79 insertions(+), 76 deletions(-)

diff --git a/src/components/selfService/selfCancleOrder.vue b/src/components/selfService/selfCancleOrder.vue
index 777f963..ffe5e71 100644
--- a/src/components/selfService/selfCancleOrder.vue
+++ b/src/components/selfService/selfCancleOrder.vue
@@ -10,56 +10,58 @@
     <div class="table">
       <div class="table_tit">
         <div class="t_btm_l">
-          <div class="tab_i1">{{ '订单详情' }}</div>
+          <div class="tab_i1">{{ "订单详情" }}</div>
         </div>
         <div class="t_btm_r table_width">
-          <div>{{ '订单类型' }}</div>
-          <div>{{ '订单金额' }}</div>
+          <div>{{ "订单类型" }}</div>
+          <div>{{ "订单金额" }}</div>
           <!-- <div>订单业绩(PV)</div>
               <div>订单业绩(BV)</div> -->
-          <div>{{ '支付编号' }}</div>
-          <div>{{ '支付姓名' }}</div>
-          <div>{{ '会员编号' }}</div>
-          <div>{{ '会员姓名' }}</div>
-          <div>{{ '订单状态' }}</div>
-          <div>{{ '收货人' }}</div>
-          <span class="sheng">{{ '联系方式' }}</span>
+          <div>{{ "支付编号" }}</div>
+          <div>{{ "支付姓名" }}</div>
+          <div>{{ "会员编号" }}</div>
+          <div>{{ "会员姓名" }}</div>
+          <div>{{ "订单状态" }}</div>
+          <div>{{ "收货人" }}</div>
+          <span class="sheng">{{ "联系方式" }}</span>
           <!-- <span class="sheng">省、市、区/县、详细地址</span> -->
-          <div>{{ '省' }}</div>
-          <div>{{ '市' }}</div>
-          <div>{{ '区/县' }}</div>
-          <div>{{ '详细地址' }}</div>
-          <div>{{ '操作' }}</div>
+          <div>{{ "省" }}</div>
+          <div>{{ "市" }}</div>
+          <div>{{ "区/县" }}</div>
+          <div>{{ "详细地址" }}</div>
+          <div>{{ "操作" }}</div>
         </div>
       </div>
-      <div v-for="(item, index) in orderLists"
-           class="order_i"
-           :key="index">
+      <div v-for="(item, index) in orderLists" class="order_i" :key="index">
         <div class="t_top">
-          <span>{{ '订单编号' }}：{{ item.orderCode }}</span>
-          <span>{{ '创建时间' }}：{{ item.creationTime }}</span>
-          <span>{{ '支付时间' }}：{{ item.payTime }}</span>
-          <span>{{ '订单业绩' }}(PV)：{{ item.orderAchieve |toThousandthAndKeepDecimal}}</span>
-          <span>{{ '订单业绩' }}(BV)：{{ item.orderAssAchieve |toThousandthAndKeepDecimal}}</span>
+          <span>{{ "订单编号" }}：{{ item.orderCode }}</span>
+          <span>{{ "创建时间" }}：{{ item.creationTime }}</span>
+          <span>{{ "支付时间" }}：{{ item.payTime }}</span>
+          <span
+            >{{ "订单业绩" }}(PV)：{{
+              item.orderAchieve | toThousandthAndKeepDecimal
+            }}</span
+          >
+          <!-- <span>{{ '订单业绩' }}(BV)：{{ item.orderAssAchieve |toThousandthAndKeepDecimal}}</span> -->
         </div>
         <div class="t_btm_a">
           <div class="t_btm_l">
-            <div v-for="(ctem, cndex) in item.itemList"
-                 :key="cndex"
-                 class="t_btm">
+            <div
+              v-for="(ctem, cndex) in item.itemList"
+              :key="cndex"
+              class="t_btm"
+            >
               <!-- 详情 -->
               <div class="tab_i1">
-                <img :src="ctem.cover"
-                     alt="" />
+                <img :src="ctem.cover" alt="" />
                 <div class="tab_i1_1">
                   <div class="prot">{{ ctem.productName }}</div>
                   <div>{{ ctem.specsName }}</div>
                   <div class="prot_i">
-                    <div>{{ ctem.price |toThousandthAndKeepDecimal}}</div>
+                    <div>{{ ctem.price | toThousandthAndKeepDecimal }}</div>
                     <div>X{{ ctem.quantity }}</div>
                   </div>
                 </div>
-
               </div>
             </div>
           </div>
@@ -68,7 +70,7 @@
             <div>{{ item.orderTypeVal }}</div>
             <!-- 金额 -->
             <div>
-              {{ item.orderAmount |toThousandthAndKeepDecimal}}
+              {{ item.orderAmount | toThousandthAndKeepDecimal }}
             </div>
             <!-- pv -->
             <!-- <div>{{ item.orderAchieve }}</div> -->
@@ -87,24 +89,22 @@
             <!-- 会员姓名 -->
             <div>{{ item.memberName }}</div>
             <!-- 状态 -->
-            <div v-if="item.orderStatus == '4'"
-                 style="color: #666">
+            <div v-if="item.orderStatus == '4'" style="color: #666">
               {{ item.orderStatusVal }}
             </div>
-            <div v-if="item.orderStatus == '1'"
-                 style="color: #009b58">
+            <div v-if="item.orderStatus == '1'" style="color: #009b58">
               {{ item.orderStatusVal }}
             </div>
-            <div v-if="item.orderStatus == '0'"
-                 style="color: var(--primary-color)">
+            <div
+              v-if="item.orderStatus == '0'"
+              style="color: var(--primary-color)"
+            >
               {{ item.orderStatusVal }}
             </div>
-            <div v-if="item.orderStatus == '3'"
-                 style="color: #ffad41">
+            <div v-if="item.orderStatus == '3'" style="color: #ffad41">
               {{ item.orderStatusVal }}
             </div>
-            <div v-if="item.orderStatus == '5'"
-                 style="color: #ffad41">
+            <div v-if="item.orderStatus == '5'" style="color: #ffad41">
               {{ item.orderStatusVal }}
             </div>
 
@@ -120,24 +120,27 @@
             <!-- <span class="sheng">{{item.recProvince}}{{item.recCity}}{{item.recCounty || ''}}{{ item.address }}</span> -->
             <!-- 操作 -->
             <div class="del">
-              <div class="del1"
-                   @click="cancleOrder(item)">{{ '撤销订单' }}</div>
+              <div class="del1" @click="cancleOrder(item)">
+                {{ "撤销订单" }}
+              </div>
             </div>
           </div>
         </div>
       </div>
     </div>
-    <pagination v-show="total > 0"
-                :total="total"
-                :page.sync="queryParams.pageNum"
-                :limit.sync="queryParams.pageSize"
-                @pagination="getDataList" />
+    <pagination
+      v-show="total > 0"
+      :total="total"
+      :page.sync="queryParams.pageNum"
+      :limit.sync="queryParams.pageSize"
+      @pagination="getDataList"
+    />
   </div>
 </template>
 
 <script>
-import * as api from '@/api/orderComment.js'
-import { mapGetters } from 'vuex'
+import * as api from "@/api/orderComment.js";
+import { mapGetters } from "vuex";
 export default {
   data() {
     return {
@@ -148,26 +151,26 @@ export default {
       },
       total: 0,
       orderLists: [],
-    }
+    };
   },
   computed: {
-    ...mapGetters(['userInfo']),
+    ...mapGetters(["userInfo"]),
   },
   mounted() {
-    this.getDataList()
+    this.getDataList();
   },
   methods: {
     getDataList() {
       api.selfRevokeList(Object.assign({}, this.queryParams)).then((res) => {
-        this.orderLists = res.rows
-        this.total = res.total
-      })
+        this.orderLists = res.rows;
+        this.total = res.total;
+      });
     },
     cancleOrder(item) {
-      this.$confirm( '确定撤销订单?', '警告', {
-        confirmButtonText: '确定',
-        cancelButtonText: '取消',
-        type: 'warning',
+      this.$confirm("确定撤销订单?", "警告", {
+        confirmButtonText: "确定",
+        cancelButtonText: "取消",
+        type: "warning",
       }).then((_) => {
         api.selfRevokeListCheck(item).then((res) => {
           if (res.code == 200) {
@@ -175,27 +178,27 @@ export default {
               if (res.code == 200) {
                 this.$message({
                   message: res.msg,
-                  type: 'success',
-                })
-                this.getDataList()
+                  type: "success",
+                });
+                this.getDataList();
               } else {
                 this.$message({
                   message: res.msg,
-                  type: 'warning',
-                })
+                  type: "warning",
+                });
               }
-            })
+            });
           } else {
             this.$message({
               message: res.msg,
-              type: 'warning',
-            })
+              type: "warning",
+            });
           }
-        })
-      })
+        });
+      });
     },
   },
-}
+};
 </script>
 
 <style lang="scss" scoped>
@@ -230,7 +233,7 @@ export default {
         position: absolute;
         width: 20px;
         height: 20px;
-        background: #00417C;
+        background: #00417c;
         top: -10px;
         right: -10px;
         border-radius: 50%;
@@ -241,8 +244,8 @@ export default {
       }
     }
     .tabAct {
-      color: #00417C;
-      border-bottom: 5px solid #00417C;
+      color: #00417c;
+      border-bottom: 5px solid #00417c;
     }
   }
 }
@@ -428,7 +431,7 @@ export default {
     font-weight: 600;
     color: #333333;
     display: inline-block;
-    border-bottom: 4px solid #00417C;
+    border-bottom: 4px solid #00417c;
     margin-bottom: 30px;
     cursor: pointer;
     margin-right: 20px;
@@ -529,7 +532,7 @@ export default {
 }
 </style>
 
-<style lang='scss'>
+<style lang="scss">
 .print {
   .el-table--border:after,
   .el-table--group:after,