From 6ec5717fa036bec3dff1bf7d26c9c40e31ceb546 Mon Sep 17 00:00:00 2001
From: tk <szdot@live.com>
Date: Thu, 27 Jun 2024 20:43:05 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=B1=BB=09=E5=9E=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Afix=20=E3=80=90=E4=B8=BB=09=E9=A2=98=E3=80=91=EF=BC=9A?=
 =?UTF-8?q?=20=E3=80=90=E6=8F=8F=09=E8=BF=B0=E3=80=91=EF=BC=9A=E9=80=80?=
 =?UTF-8?q?=E6=AC=BE=E5=8A=9F=E8=83=BD=20=09[=E5=8E=9F=E5=9B=A0]=EF=BC=9A?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E9=80=80=E6=AC=BE=E6=96=B9=E6=B3=95=20=09[?=
 =?UTF-8?q?=E8=BF=87=E7=A8=8B]=EF=BC=9A=E5=90=91=E5=90=8E=E7=AB=AF?=
 =?UTF-8?q?=E9=80=80=E6=AC=BE=E6=8E=A5=E5=8F=A3=E8=AF=B7=E6=B1=82=20=20?=
 =?UTF-8?q?=E8=A7=84=E7=9F=A9=E5=9B=9E=E8=B0=83=20=E8=AE=A2=E9=98=85=20=20?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E8=AE=A2=E5=8D=95=E7=8A=B6=E6=80=81=20=09[?=
 =?UTF-8?q?=E5=BD=B1=E5=93=8D]=EF=BC=9A=20=E3=80=90=E7=BB=93=09=E6=9D=9F?=
 =?UTF-8?q?=E3=80=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动
---
 src/components/DatePickerOrder.vue            |  10 +-
 src/components/QuestTabs.vue                  |   6 +-
 src/settings.js                               |   1 +
 src/store/modules/settings.js                 |   2 +
 src/utils/api/index.js                        |   3 +
 src/utils/api/table.js                        |  31 ++++
 .../layout/components/main/order/index.vue    | 140 +++++++++---------
 7 files changed, 116 insertions(+), 77 deletions(-)

diff --git a/src/components/DatePickerOrder.vue b/src/components/DatePickerOrder.vue
index 32cd98e..eb708ad 100644
--- a/src/components/DatePickerOrder.vue
+++ b/src/components/DatePickerOrder.vue
@@ -8,16 +8,10 @@
 export default {
   props: {
     startDate: {
-      type: Number,
-      default () {
-        return Math.floor(new Date(new Date().setHours(0, 0, 0, 0)).getTime() / 1000)
-      }
+      type: Number
     },
     endDate: {
-      type: Number,
-      default () {
-        return Math.floor(new Date(new Date().setHours(23, 59, 59, 999)).getTime() / 1000)
-      }
+      type: Number
     }
   },
   data () {
diff --git a/src/components/QuestTabs.vue b/src/components/QuestTabs.vue
index 272db6f..4300916 100644
--- a/src/components/QuestTabs.vue
+++ b/src/components/QuestTabs.vue
@@ -51,7 +51,8 @@
             </el-descriptions-item>
             <el-descriptions-item label="操作" span="3">
               <el-button-group v-if="item.refund_status == '申请中'">
-                <el-button type="danger" icon="iconfont icon-zhengque">
+                <el-button type="danger" icon="iconfont icon-zhengque"
+                  @click="refund(item.order_sn, item.shop_id, item.total_price, '已同意')">
                   <font class="m-l-5">同意退款</font>
                 </el-button>
                 <el-button @click="questAss(item.id, 'refund_status', '拒绝退')" type="warning" icon="iconfont icon-cuowu">
@@ -100,7 +101,7 @@
 
 <script>
 import { parseTime } from '@/utils/index'
-import { questAss } from '@/utils/api/table'
+import { questAss, refund } from '@/utils/api/table'
 
 export default {
   data () {
@@ -115,6 +116,7 @@ export default {
   },
   methods: {
     questAss, // 修改订单
+    refund, // 退款接口
     parseTime, // 时间戳格式化
     /**
      * @description: 通过蓝牙打印机并打印小票
diff --git a/src/settings.js b/src/settings.js
index e33893f..fa1732f 100644
--- a/src/settings.js
+++ b/src/settings.js
@@ -40,6 +40,7 @@ export default {
   tempPath: tempPath,
   apiPlanePath: '/mpApi/Plane/',
   apiAdminPath: '/mpApi/Admin/',
+  apiPayPath: '/mpApi/Pay/',
   apiLoginPath: '/mpApi/Login/',
   /**
    * @description: mqtt服务器
diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js
index fc0d10f..bdf7c71 100644
--- a/src/store/modules/settings.js
+++ b/src/store/modules/settings.js
@@ -13,6 +13,7 @@ const {
   tempPath,
   apiPlanePath,
   apiAdminPath,
+  apiPayPath,
   apiLoginPath,
   mqttHost,
   mqttPort,
@@ -33,6 +34,7 @@ const state = {
   tempPath: tempPath,
   apiPlanePath: apiPlanePath,
   apiAdminPath: apiAdminPath,
+  apiPayPath: apiPayPath,
   apiLoginPath: apiLoginPath,
   mqttHost: mqttHost,
   mqttPort: mqttPort,
diff --git a/src/utils/api/index.js b/src/utils/api/index.js
index 0864b8f..c7259bb 100644
--- a/src/utils/api/index.js
+++ b/src/utils/api/index.js
@@ -63,6 +63,9 @@ function init (prefix) {
   } else if (prefix === 'Admin') {
     axios.defaults.headers.common.Token = store.state.user.token
     path = store.state.settings.apiAdminPath
+  } else if (prefix === 'Pay') {
+    axios.defaults.headers.common.Token = store.state.user.token
+    path = store.state.settings.apiPayPath
   } else if (prefix === 'Login') {
     axios.defaults.headers.common.Token = 'login'
     path = store.state.settings.apiLoginPath
diff --git a/src/utils/api/table.js b/src/utils/api/table.js
index e24024b..0f1ea13 100644
--- a/src/utils/api/table.js
+++ b/src/utils/api/table.js
@@ -39,3 +39,34 @@ export function questAss (id, state, val) {
     }
   })
 }
+
+/**
+ * @description: 退款函数
+ * @param {*} orderSn 订单号
+ * @param {*} shopId 商铺id
+* @param {*} refundPrice 退款金额 单位元
+ * @param {*} refundType 退款类型
+ */
+export function refund (orderSn, shopId, refundPrice, refundType) {
+  // 构建请求参数
+  const params = new URLSearchParams()
+  params.append('order_sn', orderSn)
+  params.append('shop_id', shopId)
+  params.append('refund_price', refundPrice)
+  params.append('refund_type', refundType)
+
+  // 发送退款请求
+  api.post('refund', params, 'Pay')
+    .then(res => {
+      if (res.data.status === 1) {
+        Message.success('退款申请成功')
+        console.log('退款成功', res.data.msg)
+      } else {
+        Message.error('退款申请失败')
+        console.error('退款失败:', res.data.msg)
+      }
+    })
+    .catch(error => {
+      console.error('退款请求错误:', error)
+    })
+}
diff --git a/src/views/layout/components/main/order/index.vue b/src/views/layout/components/main/order/index.vue
index b2ff21f..7988879 100644
--- a/src/views/layout/components/main/order/index.vue
+++ b/src/views/layout/components/main/order/index.vue
@@ -6,7 +6,7 @@
         <SelectionShopId class="w-100" v-model="shop_id" :allSel="true" />
       </el-col>
       <el-col :span="8">
-        <DatePickerOrder class="w-100" />
+        <DatePickerOrder class="w-100" :startDate="startDate" :endDate="endDate" />
       </el-col>
       <el-col :span="12">
         <SearchOrder class="w-100" />
@@ -21,7 +21,7 @@
       </el-col>
     </el-row>
     <!-- 订单列表 -->
-    <el-table class="m-t-20 w-100" ref="myTable"
+    <!-- <el-table class="m-t-20 w-100" ref="myTable"
       :data="orderListArr.slice((currentPage - 1) * pageSize, currentPage * pageSize)" border tooltip-effect="dark">
       <el-table-column align="center" type="selection" width="40">
       </el-table-column>
@@ -35,9 +35,9 @@
         <template slot-scope="scope">
           {{ scope.row.addtime | parseTime('{y}-{m}-{d} {h}:{i}') }}
         </template>
-      </el-table-column>
-      <el-table-column prop="controler" label="操作" width="380" min-width="380">
-        <template slot-scope="scope">
+</el-table-column>
+<el-table-column prop="controler" label="操作" width="380" min-width="380">
+  <template slot-scope="scope">
           <el-button-group>
             <el-button type="warning" icon="el-icon-edit">同意退款</el-button>
             <el-button type="danger" icon="el-icon-delete" @click="deleteAdmin([scope.row.id])">拒绝退款</el-button>
@@ -45,12 +45,12 @@
               @click="$router.replace(`/order/show/${scope.row.id}`)">查看</el-button>
           </el-button-group>
         </template>
-      </el-table-column>
-    </el-table>
+</el-table-column>
+</el-table> -->
     <!-- 分页 -->
-    <el-pagination class="m-t-20" layout="prev, pager, next" :current-page.sync="currentPage" :page-size="pageSize"
+    <!-- <el-pagination class="m-t-20" layout="prev, pager, next" :current-page.sync="currentPage" :page-size="pageSize"
       :total="orderListArr.length">
-    </el-pagination>
+    </el-pagination> -->
   </div>
 </template>
 
@@ -80,66 +80,72 @@ export default {
     SearchOrder
   },
   computed: {
-    // 获取订单列表
-    orderList () {
-      return this.$store.state.orderList
+    startDate () {
+      return Math.floor(new Date(new Date().setHours(0, 0, 0, 0)).getTime() / 1000)
     },
-    // 获取搜索条件 对象(从缓存拿 缓存没有从本地拿 也没有 给对象的所有搜索属性空值)
-    orderSerch () {
-      return this.$store.getters['app/getOrderSerch']
-    },
-    // 过滤订单列表组
-    orderListArr () {
-      if (this.orderList.length > 0) {
-        let filteredList = this.orderList
-        // 过滤shop_id
-        if (this.shop_id !== '') {
-          filteredList = filteredList.filter(order => order.shop_id === this.shop_id)
-        }
-        // 过滤时间
-        if (this.orderSerch.start_time !== '' && this.orderSerch.end_time !== '') {
-          const startTime = parseInt(this.orderSerch.start_time)
-          const endTime = parseInt(this.orderSerch.end_time)
-          filteredList = filteredList.filter(order => {
-            const orderTime = parseInt(order.addtime)
-            return startTime < orderTime && orderTime < endTime
-          })
-        }
-        // 过滤订单状态
-        if (this.orderSerch.status.length > 0) {
-          filteredList = filteredList.filter(order => {
-            // 检查订单状态是否在this.status数组中
-            return this.orderSerch.status.includes(order.status)
-          })
-        }
-        // 过滤订单状态
-        if (this.orderSerch.back.length > 0) {
-          filteredList = filteredList.filter(order => {
-            // 检查订单状态是否在this.status数组中
-            return this.orderSerch.back.includes(order.back)
-          })
-        }
-        // 搜索条件过滤
-        if (this.orderSerch.search[1] !== '') {
-          filteredList = filteredList.filter(order => {
-            if (this.orderSerch.search[0] === 'orderId') {
-              return order.order_sn.indexOf(this.orderSerch.search[1]) >= 0
-            } else if (this.orderSerch.search[0] === 'name') {
-              return order.receiver.indexOf(this.orderSerch.search[1]) >= 0
-            } else if (this.orderSerch.search[0] === 'tel') {
-              return order.tel.indexOf(this.orderSerch.search[1]) >= 0
-            } else if (this.orderSerch.search[0] === 'remark') {
-              return order.remark.indexOf(this.orderSerch.search[1]) >= 0
-            } else if (this.orderSerch.search[0] === 'desc') {
-              return order.describe.indexOf(this.orderSerch.search[1]) >= 0
-            }
-          })
-        }
-        return filteredList
-      } else {
-        return []
-      }
+    endDate () {
+      return Math.floor(new Date(new Date().setHours(23, 59, 59, 999)).getTime() / 1000)
     }
+    // 获取订单列表
+    // orderList () {
+    //   return this.$store.state.orderList
+    // },
+    // // 获取搜索条件 对象(从缓存拿 缓存没有从本地拿 也没有 给对象的所有搜索属性空值)
+    // orderSerch () {
+    //   return this.$store.getters['app/getOrderSerch']
+    // },
+    // // 过滤订单列表组
+    // orderListArr () {
+    //   if (this.orderList.length > 0) {
+    //     let filteredList = this.orderList
+    //     // 过滤shop_id
+    //     if (this.shop_id !== '') {
+    //       filteredList = filteredList.filter(order => order.shop_id === this.shop_id)
+    //     }
+    //     // 过滤时间
+    //     if (this.orderSerch.start_time !== '' && this.orderSerch.end_time !== '') {
+    //       const startTime = parseInt(this.orderSerch.start_time)
+    //       const endTime = parseInt(this.orderSerch.end_time)
+    //       filteredList = filteredList.filter(order => {
+    //         const orderTime = parseInt(order.addtime)
+    //         return startTime < orderTime && orderTime < endTime
+    //       })
+    //     }
+    //     // 过滤订单状态
+    //     if (this.orderSerch.status.length > 0) {
+    //       filteredList = filteredList.filter(order => {
+    //         // 检查订单状态是否在this.status数组中
+    //         return this.orderSerch.status.includes(order.status)
+    //       })
+    //     }
+    //     // 过滤订单状态
+    //     if (this.orderSerch.back.length > 0) {
+    //       filteredList = filteredList.filter(order => {
+    //         // 检查订单状态是否在this.status数组中
+    //         return this.orderSerch.back.includes(order.back)
+    //       })
+    //     }
+    //     // 搜索条件过滤
+    //     if (this.orderSerch.search[1] !== '') {
+    //       filteredList = filteredList.filter(order => {
+    //         if (this.orderSerch.search[0] === 'orderId') {
+    //           return order.order_sn.indexOf(this.orderSerch.search[1]) >= 0
+    //         } else if (this.orderSerch.search[0] === 'name') {
+    //           return order.receiver.indexOf(this.orderSerch.search[1]) >= 0
+    //         } else if (this.orderSerch.search[0] === 'tel') {
+    //           return order.tel.indexOf(this.orderSerch.search[1]) >= 0
+    //         } else if (this.orderSerch.search[0] === 'remark') {
+    //           return order.remark.indexOf(this.orderSerch.search[1]) >= 0
+    //         } else if (this.orderSerch.search[0] === 'desc') {
+    //           return order.describe.indexOf(this.orderSerch.search[1]) >= 0
+    //         }
+    //       })
+    //     }
+    //     return filteredList
+    //   } else {
+    //     return []
+    //   }
+    // }
   },
   methods: {
     countSelIdArr