From 6fa7a266c4c4d2f50baf75ee1ec981d0c69158a0 Mon Sep 17 00:00:00 2001
From: gboy <admin@gmail.com>
Date: Fri, 29 Mar 2024 17:39:26 +0800
Subject: [PATCH] edit

---
 .env.development                              |  19 +
 .gitignore                                    |   1 -
 .history/.env_20240110150811.development      |  19 +
 .history/.env_20240325145243.development      |  19 +
 .history/.gitignore_20240322155514            |  23 +
 .history/.gitignore_20240325145153            |  22 +
 .history/mock/index_20240322155514.js         |  65 ++
 .history/mock/index_20240324094414.js         |   0
 .history/mock/index_20240324094442.js         |  65 ++
 .../orderRefund/index_20240322155514.vue      | 670 +++++++++++++++++
 .../orderRefund/index_20240329103706.vue      | 671 ++++++++++++++++++
 .../system/service/index_20240322155514.vue   | 358 ++++++++++
 .../system/service/index_20240328125054.vue   | 359 ++++++++++
 public/favicon.ico                            | Bin 4286 -> 5352 bytes
 src/views/order/orderRefund/index.vue         |   1 +
 src/views/system/service/index.vue            |   1 +
 16 files changed, 2292 insertions(+), 1 deletion(-)
 create mode 100644 .env.development
 create mode 100644 .history/.env_20240110150811.development
 create mode 100644 .history/.env_20240325145243.development
 create mode 100644 .history/.gitignore_20240322155514
 create mode 100644 .history/.gitignore_20240325145153
 create mode 100644 .history/mock/index_20240322155514.js
 create mode 100644 .history/mock/index_20240324094414.js
 create mode 100644 .history/mock/index_20240324094442.js
 create mode 100644 .history/src/views/order/orderRefund/index_20240322155514.vue
 create mode 100644 .history/src/views/order/orderRefund/index_20240329103706.vue
 create mode 100644 .history/src/views/system/service/index_20240322155514.vue
 create mode 100644 .history/src/views/system/service/index_20240328125054.vue

diff --git a/.env.development b/.env.development
new file mode 100644
index 0000000..d0dceee
--- /dev/null
+++ b/.env.development
@@ -0,0 +1,19 @@
+# just a flag
+ENV = 'development'
+
+# base api
+# VUE_APP_BASE_API = 'http://192.168.31.106:8324'
+VUE_APP_BASE_API = 'http://many.shop.lo'
+
+# socket 连接地址
+VUE_APP_WS_URL = 'ws://many.shop.lo'
+# VUE_APP_WS_URL = 'ws://mer1.crmeb.net'
+
+# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
+# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
+# It only does one thing by converting all import() to require().
+# This configuration can significantly increase the speed of hot updates,
+# when you have a large number of pages.
+# Detail:  https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
+
+VUE_CLI_BABEL_TRANSPILE_MODULES = true
diff --git a/.gitignore b/.gitignore
index 101c0f2..c9dcfdf 100644
--- a/.gitignore
+++ b/.gitignore
@@ -5,7 +5,6 @@ npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
 **/*.log
-.env.development
 tests/**/coverage/
 tests/e2e/reports
 selenium-debug.log
diff --git a/.history/.env_20240110150811.development b/.history/.env_20240110150811.development
new file mode 100644
index 0000000..b2563a2
--- /dev/null
+++ b/.history/.env_20240110150811.development
@@ -0,0 +1,19 @@
+# just a flag
+ENV = 'development'
+
+# base api
+# VUE_APP_BASE_API = 'http://192.168.31.106:8324'
+VUE_APP_BASE_API = 'https://mer1.crmeb.net'
+
+# socket 连接地址
+VUE_APP_WS_URL = 'ws://192.168.31.106:8324'
+# VUE_APP_WS_URL = 'ws://mer1.crmeb.net'
+
+# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
+# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
+# It only does one thing by converting all import() to require().
+# This configuration can significantly increase the speed of hot updates,
+# when you have a large number of pages.
+# Detail:  https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
+
+VUE_CLI_BABEL_TRANSPILE_MODULES = true
diff --git a/.history/.env_20240325145243.development b/.history/.env_20240325145243.development
new file mode 100644
index 0000000..d0dceee
--- /dev/null
+++ b/.history/.env_20240325145243.development
@@ -0,0 +1,19 @@
+# just a flag
+ENV = 'development'
+
+# base api
+# VUE_APP_BASE_API = 'http://192.168.31.106:8324'
+VUE_APP_BASE_API = 'http://many.shop.lo'
+
+# socket 连接地址
+VUE_APP_WS_URL = 'ws://many.shop.lo'
+# VUE_APP_WS_URL = 'ws://mer1.crmeb.net'
+
+# vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
+# to control whether the babel-plugin-dynamic-import-node plugin is enabled.
+# It only does one thing by converting all import() to require().
+# This configuration can significantly increase the speed of hot updates,
+# when you have a large number of pages.
+# Detail:  https://github.com/vuejs/vue-cli/blob/dev/packages/@vue/babel-preset-app/index.js
+
+VUE_CLI_BABEL_TRANSPILE_MODULES = true
diff --git a/.history/.gitignore_20240322155514 b/.history/.gitignore_20240322155514
new file mode 100644
index 0000000..101c0f2
--- /dev/null
+++ b/.history/.gitignore_20240322155514
@@ -0,0 +1,23 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+**/*.log
+.env.development
+tests/**/coverage/
+tests/e2e/reports
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.local
+
+package-lock.json
+yarn.lock
diff --git a/.history/.gitignore_20240325145153 b/.history/.gitignore_20240325145153
new file mode 100644
index 0000000..c9dcfdf
--- /dev/null
+++ b/.history/.gitignore_20240325145153
@@ -0,0 +1,22 @@
+.DS_Store
+node_modules/
+dist/
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+**/*.log
+tests/**/coverage/
+tests/e2e/reports
+selenium-debug.log
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.local
+
+package-lock.json
+yarn.lock
diff --git a/.history/mock/index_20240322155514.js b/.history/mock/index_20240322155514.js
new file mode 100644
index 0000000..38cedf3
--- /dev/null
+++ b/.history/mock/index_20240322155514.js
@@ -0,0 +1,65 @@
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+import Mock from 'mockjs'
+import { param2Obj } from '../src/utils'
+import user from './user'
+import role from './role'
+import article from './article'
+import search from './remote-search'
+
+const mocks = [
+  ...user,
+  ...role,
+  ...article,
+  ...search
+]
+
+// for front mock
+// please use it cautiously, it will redefine XMLHttpRequest,
+// which will cause many of your third-party libraries to be invalidated(like progress event).
+export function mockXHR() {
+  // mock patch
+  // https://github.com/nuysoft/Mock/issues/300
+  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
+  Mock.XHR.prototype.send = function() {
+    if (this.custom.xhr) {
+      this.custom.xhr.withCredentials = this.withCredentials || false
+
+      if (this.responseType) {
+        this.custom.xhr.responseType = this.responseType
+      }
+    }
+    this.proxy_send(...arguments)
+  }
+
+  function XHR2ExpressReqWrap(respond) {
+    return function(options) {
+      let result = null
+      if (respond instanceof Function) {
+        const { body, type, url } = options
+        // https://expressjs.com/en/4x/api.html#req
+        result = respond({
+          method: type,
+          body: JSON.parse(body),
+          query: param2Obj(url)
+        })
+      } else {
+        result = respond
+      }
+      return Mock.mock(result)
+    }
+  }
+
+  for (const i of mocks) {
+    Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
+  }
+}
+
+export default mocks
diff --git a/.history/mock/index_20240324094414.js b/.history/mock/index_20240324094414.js
new file mode 100644
index 0000000..e69de29
diff --git a/.history/mock/index_20240324094442.js b/.history/mock/index_20240324094442.js
new file mode 100644
index 0000000..38cedf3
--- /dev/null
+++ b/.history/mock/index_20240324094442.js
@@ -0,0 +1,65 @@
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2023 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+import Mock from 'mockjs'
+import { param2Obj } from '../src/utils'
+import user from './user'
+import role from './role'
+import article from './article'
+import search from './remote-search'
+
+const mocks = [
+  ...user,
+  ...role,
+  ...article,
+  ...search
+]
+
+// for front mock
+// please use it cautiously, it will redefine XMLHttpRequest,
+// which will cause many of your third-party libraries to be invalidated(like progress event).
+export function mockXHR() {
+  // mock patch
+  // https://github.com/nuysoft/Mock/issues/300
+  Mock.XHR.prototype.proxy_send = Mock.XHR.prototype.send
+  Mock.XHR.prototype.send = function() {
+    if (this.custom.xhr) {
+      this.custom.xhr.withCredentials = this.withCredentials || false
+
+      if (this.responseType) {
+        this.custom.xhr.responseType = this.responseType
+      }
+    }
+    this.proxy_send(...arguments)
+  }
+
+  function XHR2ExpressReqWrap(respond) {
+    return function(options) {
+      let result = null
+      if (respond instanceof Function) {
+        const { body, type, url } = options
+        // https://expressjs.com/en/4x/api.html#req
+        result = respond({
+          method: type,
+          body: JSON.parse(body),
+          query: param2Obj(url)
+        })
+      } else {
+        result = respond
+      }
+      return Mock.mock(result)
+    }
+  }
+
+  for (const i of mocks) {
+    Mock.mock(new RegExp(i.url), i.type || 'get', XHR2ExpressReqWrap(i.response))
+  }
+}
+
+export default mocks
diff --git a/.history/src/views/order/orderRefund/index_20240322155514.vue b/.history/src/views/order/orderRefund/index_20240322155514.vue
new file mode 100644
index 0000000..f1182d0
--- /dev/null
+++ b/.history/src/views/order/orderRefund/index_20240322155514.vue
@@ -0,0 +1,670 @@
+<template>
+  <div class="divBox">
+    <div class="selCard ">
+        <div class="container">
+          <el-form :model="tableFrom" ref="searchForm" size="small" label-width="85px" inline>
+            <el-form-item label="订单状态：" style="display: block;" prop="status">
+              <el-radio-group v-model="tableFrom.status" type="button" @change="getList(1)">
+                <el-radio-button label>全部 {{ '(' +orderChartType.all?orderChartType.all:0 + ')' }}</el-radio-button>
+                <el-radio-button
+                  label="0"
+                >待审核 {{ '(' +orderChartType.audit?orderChartType.audit:0+ ')' }}</el-radio-button>
+                <el-radio-button
+                  label="-1"
+                >审核未通过 {{ '(' +orderChartType.refuse?orderChartType.refuse:0+ ')' }}</el-radio-button>
+                <el-radio-button
+                  label="1"
+                >审核通过 {{ '(' +orderChartType.agree?orderChartType.agree:0+ ')' }}</el-radio-button>
+                <el-radio-button
+                  label="2"
+                >待收货 {{ '(' +orderChartType.backgood?orderChartType.backgood:0+ ')' }}</el-radio-button>
+                <el-radio-button
+                  label="3"
+                >已完成 {{ '(' +orderChartType.end?orderChartType.end:0+ ')' }}</el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="时间选择：">
+              <el-date-picker
+                v-model="timeVal"
+                value-format="yyyy/MM/dd"
+                format="yyyy/MM/dd"
+                size="small"
+                type="daterange"
+                placement="bottom-end"
+                placeholder="自定义时间"
+                style="width: 280px;"
+                :picker-options="pickerOptions"
+                @change="onchangeTime"
+              />
+            </el-form-item>
+            <el-form-item label="退款单号：" prop="refund_order_sn">
+              <el-input
+                v-model="tableFrom.refund_order_sn"
+                clearable
+                placeholder="请输入订单号"
+                class="selWidth"
+                @keyup.enter.native="getList(1)"
+              />
+            </el-form-item>
+            <el-form-item label="退款类型：" prop="refund_type">
+              <el-select
+                v-model="tableFrom.refund_type"
+                placeholder="请选择"
+                class="selWidth"
+                clearable
+                @change="getList(1)"
+              >
+                <el-option
+                  v-for="item in refundTypeList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+             <el-form-item label="发起方：" prop="user_type">
+              <el-select
+                v-model="tableFrom.user_type"
+                placeholder="请选择"
+                class="selWidth"
+                clearable
+                @change="getList(1)"
+              >
+                <el-option
+                  v-for="item in refundUserList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="订单单号：" prop="order_sn">
+              <el-input
+                v-model="tableFrom.order_sn"
+                clearable
+                placeholder="请输入订单号"
+                class="selWidth"
+                @keyup.enter.native="getList(1)"
+              />
+            </el-form-item>
+            <el-form-item label="关键字：" prop="username">
+              <el-input
+                v-model="tableFrom.username"
+                clearable
+                placeholder="请输入用户昵称、退货人姓名、手机号"
+                class="selWidth"
+                @keyup.enter.native="getList(1)"
+              /> 
+            </el-form-item>
+            <el-form-item label="退货单号：" prop="delivery_id">
+              <el-input
+                v-model="tableFrom.delivery_id"
+                clearable
+                placeholder="请输入退货快递单号"
+                class="selWidth"
+                @keyup.enter.native="getList(1)"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
+              <el-button size="small" @click="searchReset()">重置</el-button> 
+            </el-form-item>
+          </el-form>
+         </div>
+      </div>
+      <el-card class="mt14">
+        <el-button size="small" type="primary" @click.native="exports">导出退款单</el-button>
+        <el-table
+          v-loading="listLoading"
+          :data="tableData.data"
+          size="small"
+          class="table mt20"
+          highlight-current-row
+        >
+          <el-table-column type="expand">
+            <template slot-scope="props">
+              <el-form label-position="left" inline class="demo-table-expand demo-table-expands">
+                <el-form-item label="订单号：">
+                  <span>{{ props.row.order.order_sn }}</span>
+                </el-form-item>
+                <el-form-item label="退款商品总价：">
+                  <span v-if="props.row.order.activity === 2">{{ getPresellTotal(props.row.refundProduct) }}</span>
+                  <span v-else-if="props.row.order.activity === 3">{{ getAssistTotal(props.row.refundProduct) }}</span>
+                  <span v-else>{{ getTotal(props.row.refundProduct) }}</span>
+                </el-form-item>
+                <el-form-item label="退款商品总数：">
+                  <span>{{ props.row.refund_num }}</span>
+                </el-form-item>
+                <el-form-item label="申请退款时间：">
+                  <span>{{ props.row.create_time | filterEmpty }}</span>
+                </el-form-item>
+                <el-form-item label="用户备注：">
+                  <span>{{ props.row.mark | filterEmpty }}</span>
+                </el-form-item>
+                <el-form-item label="商家备注：">
+                  <span>{{ props.row.mer_mark | filterEmpty }}</span>
+                </el-form-item>
+                <el-form-item v-if="props.row.status === 2" label="快递公司：">
+                  <span>{{ props.row.delivery_type | filterEmpty }}</span>
+                </el-form-item>
+                <el-form-item v-if="props.row.status === 2" label="快递单号：">
+                  <span class="mr5">{{ props.row.delivery_id | filterEmpty }}</span>
+                  <el-button type="text" @click="openLogistics(props.row)">物流查询</el-button>
+                </el-form-item>
+              </el-form>
+            </template>
+          </el-table-column>
+          <el-table-column label="退款单号" min-width="100">
+            <template slot-scope="scope">
+              <span style="display: block;" v-text="scope.row.refund_order_sn" />
+            </template>
+          </el-table-column>
+          <el-table-column prop="user.nickname" label="用户信息" min-width="100" />
+          <el-table-column prop="refund_price" label="退款金额" min-width="80" />
+          <el-table-column prop="nickname" label="商品信息" min-width="260">
+            <template slot-scope="scope">
+              <div
+                v-for="(val, i ) in scope.row.refundProduct"
+                :key="i"
+                class="tabBox acea-row row-middle"
+              >
+                <div class="demo-image__preview">
+                  <el-image
+                    :src="val.product && val.product.cart_info.product.image"
+                    :preview-src-list="[val.product && val.product.cart_info.product.image]"
+                  />
+                </div>
+                <span
+                  class="tabBox_tit"
+                >{{ val.product && val.product.cart_info.product.store_name + ' | ' }}{{ val.product && val.product.cart_info.productAttr.sku }}</span>
+                <span
+                  v-if="scope.row.order && scope.row.order.activity_type === 2 && val.product && val.product.cart_info.productPresellAttr"
+                  class="tabBox_pice"
+                >{{ '￥'+ val.product && val.product.cart_info.productPresellAttr.presell_price + ' x '+ val.refund_num }}</span>
+                <span
+                  v-else-if="scope.row.order && scope.row.order.activity_type === 3 && val.product && val.product.cart_info.productAssistAttr.assist_price"
+                  class="tabBox_pice"
+                >{{ '￥'+ val.product && val.product.cart_info.productAssistAttr.assist_price + ' x '+ val.refund_num }}</span>
+                <span
+                  v-else
+                  class="tabBox_pice"
+                >{{ '￥'+ val.product && val.product.cart_info.productAttr.price + ' x '+ val.refund_num }}</span>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="退款类型" min-width="80">
+            <template slot-scope="scope">
+              <span>{{ scope.row.refund_type == 1 ? '退款' : '退货退款' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="order.real_name" label="退货人" min-width="90" />
+          <el-table-column prop="create_user" label="退款发起方" min-width="90" />
+          <el-table-column label="订单状态" min-width="90">
+            <template slot-scope="scope">
+              <span v-if="scope.row.order.is_del === 0">
+                <span v-if="scope.row.order.paid === 0">待付款</span>
+                <span v-else>
+                  <span v-if="scope.row.order.order_type === 0 || scope.row.order.order_type === 2">{{ scope.row.order.status | orderStatusFilter }}</span>
+                  <span v-else>{{ scope.row.order.status | takeOrderStatusFilter }}</span>
+                </span>
+              </span>
+              <span v-else>已删除</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="serviceScore" label="退款单状态" min-width="150">
+            <template slot-scope="scope">
+              <span style="display: block">{{ scope.row.status | orderRefundFilter }}</span>
+              <span v-if="scope.row.status == -1" style="display: block">拒绝原因：{{ scope.row.fail_message }}</span>
+              <span style="display: block">退款原因：{{ scope.row.refund_message }}</span>
+              <span style="display: block">状态变更时间：{{ scope.row.status_time }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="150" fixed="right">
+            <template slot-scope="scope">
+              <el-button type="text" size="small" @click="onOrderDetail(scope.row.order.order_sn)">订单详情</el-button>
+              <el-button type="text" size="small" @click="onRefundOrderDetail(scope.row.refund_order_id)">退款单详情</el-button>
+              <el-button v-if="scope.row.status === 0" type="text" size="small" @click="onOrderStatus(scope.row.refund_order_id)">退款</el-button>
+              <!-- <el-button type="text" size="small" @click="onOrderLog(scope.row.refund_order_id)">订单记录</el-button> -->
+              <el-button type="text" size="small" @click="onOrderMark(scope.row.refund_order_id)">订单备注</el-button>
+              <el-button v-if="scope.row.status === 2" type="text" size="small" @click="confirmReceipt(scope.row)">确认收货</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="block">
+          <el-pagination
+          background
+            :page-size="tableFrom.limit"
+            :current-page="tableFrom.page"
+            layout="total, prev, pager, next, jumper"
+            :total="tableData.total"
+            @size-change="handleSizeChange"
+            @current-change="pageChange"
+          />
+        </div>
+      </el-card>
+      
+    <!--记录-->
+    <el-dialog title="操作记录" :visible.sync="dialogVisible" width="700px">
+      <el-table v-loading="LogLoading" border :data="tableDataLog.data" style="width: 100%">
+        <el-table-column prop="refund_order_id" align="center" label="退款单ID" min-width="80" />
+        <el-table-column prop="change_message" label="操作记录" align="center" min-width="280" />
+        <el-table-column prop="change_time" label="操作时间" align="center" min-width="280" />
+      </el-table>
+      <div class="block">
+        <el-pagination
+          :page-size="tableFromLog.limit"
+          :current-page="tableFromLog.page"
+          layout="prev, pager, next, jumper"
+          :total="tableDataLog.total"
+          @size-change="handleSizeChangeLog"
+          @current-change="pageChangeLog"
+        />
+      </div>
+    </el-dialog>
+    <!--详情-->
+    <details-from ref="orderDetail" :order-datalist="orderDatalist" @get-logistics="openLogistics" />
+    <el-dialog
+      v-if="dialogLogistics"
+      title="物流查询"
+      :visible.sync="dialogLogistics"
+      width="350px"
+      :before-close="handleClose"
+    >
+      <logistics-from
+        v-if="orderDetails"
+        :order-datalist="orderDetails"
+        :result="result"
+        :logistics-name="logisticsName"
+      />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2024 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+import {
+  refundorderStatusApi,
+  refundorderListApi,
+  orderUpdateApi,
+  orderDeliveryApi,
+  refundorderLogApi,
+  refundorderDeleteApi,
+  refundorderMarkApi,
+  refundorderDetailApi,
+  refundorderExpressApi,
+  confirmReceiptApi,
+  refundListImportApi
+} from '@/api/order'
+import detailsFrom from './refundDetail'
+import logisticsFrom from '../logistics'
+import { roterPre } from '@/settings'
+import createWorkBook from '@/utils/newToExcel.js'
+import timeOptions from '@/utils/timeOptions';
+export default {
+  name: 'OrderRefund',
+  components: { detailsFrom, logisticsFrom },
+  data() {
+    return {
+      pickerOptions: timeOptions,
+      logisticsName: 'refund',
+      dialogLogistics: false,
+      orderId: 0,
+      tableData: {
+        data: [],
+        total: 0
+      },
+      refundTypeList: [
+        { value: 1, label: '退款' },
+        { value: 2, label: '退款退货' }
+      ],
+      refundUserList: [
+        { value: 1, label: '用户' },
+        { value: 3, label: '商户' },
+        { value: 4, label: '客服' }
+      ],
+      listLoading: true,
+      roterPre: roterPre,
+      tableFrom: {
+        delivery_id: '',
+        refund_type: '',
+        user_type: '',
+        status: '',
+        date: '',
+        username: '',
+        page: 1,
+        limit: 20,
+        order_sn: this.$route.query.sn ? this.$route.query.sn : '',
+        refund_order_sn: this.$route.query.refund_order_sn ? this.$route.query.refund_order_sn : '',
+        id: this.$route.query.id ? this.$route.query.id : ''
+      },
+      orderChartType: {},
+      timeVal: [],
+      fromList: {
+        title: '选择时间',
+        custom: true,
+        fromTxt: [
+          { text: '全部', val: '' },
+          { text: '今天', val: 'today' },
+          { text: '昨天', val: 'yesterday' },
+          { text: '最近7天', val: 'lately7' },
+          { text: '最近30天', val: 'lately30' },
+          { text: '本月', val: 'month' },
+          { text: '本年', val: 'year' }
+        ]
+      },
+      selectionList: [],
+      tableFromLog: {
+        page: 1,
+        limit: 10
+      },
+      tableDataLog: {
+        data: [],
+        total: 0
+      },
+      LogLoading: false,
+      dialogVisible: false,
+      orderDatalist: null,
+      orderDetails: {},
+      result: []
+    }
+  },
+  mounted() {
+    if (this.$route.query.hasOwnProperty('sn')) {
+      this.tableFrom.order_sn = this.$route.query.sn
+    } else {
+      this.tableFrom.order_sn = ''
+    }
+    this.getList(1)
+  },
+  // 被缓存接收参数
+  activated() {
+    if (this.$route.query.hasOwnProperty('sn')) {
+      this.tableFrom.order_sn = this.$route.query.sn
+    } else {
+      this.tableFrom.order_sn = ''
+    }
+    this.getList(1)
+  },
+  methods: {
+    /**重置 */
+    searchReset(){
+      this.timeVal = []
+      this.tableFrom.date = ""
+      this.$refs.searchForm.resetFields()
+      this.tableFrom.order_sn = ""
+      this.getList(1)
+    },
+    // 回
+    // 订单详情
+    onOrderDetail(order_sn) {
+      this.$router.push({
+        path: this.roterPre + "/order/list",
+        query: {
+          order_sn: order_sn
+        }
+      })
+    },
+    // 退款
+    onOrderStatus(id) {
+      this.$modalForm(refundorderStatusApi(id)).then(() => this.getList(''))
+    },
+    // 确认收货
+    confirmReceipt(row) {
+      const that = this
+      const h = this.$createElement
+      this.$msgbox({
+        title: '是否确认收货？',
+        message: h('div', null, [
+          h('p', null, '退货物流公司：' + row.delivery_type),
+          h('p', null, '退货快递单号：' + row.delivery_id)
+        ]),
+        showCancelButton: true,
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        beforeClose: (action, instance, done) => {
+          if (action === 'confirm') {
+            confirmReceiptApi(row.refund_order_id)
+              .then(res => {
+                that.$message.success(res.message)
+                done()
+                that.getList('')
+              })
+              .catch(({ res }) => {
+                that.$message.error(res.message)
+              })
+          } else {
+            done()
+          }
+        }
+      }).then(action => {}).catch(e => e)// 注意这里，这里是重点！！！;
+    },
+    /**导出退款单 */
+    async exports() {
+      let excelData = JSON.parse(JSON.stringify(this.tableFrom)), data = []
+      excelData.page = 1
+      let pageCount = 1
+      let lebData = {};
+      for (let i = 0; i < pageCount; i++) {
+        lebData = await this.downData(excelData)
+        pageCount = Math.ceil(lebData.count/excelData.limit)
+        if (lebData.export.length) {
+          data = data.concat(lebData.export)
+          excelData.page++
+        }  
+      }
+      createWorkBook(lebData.header, lebData.title, data, lebData.foot,lebData.filename);
+      return
+    },
+    /**资金流水 */
+    downData(excelData) {
+      return new Promise((resolve, reject) => {
+        refundListImportApi(excelData).then((res) => {
+          return resolve(res.data)
+        })
+      })
+    },
+    getExportFileList() {
+      refundListImportApi()
+        .then((res) => {
+          const h = this.$createElement
+          this.$msgbox({
+            title: '提示',
+            message: h('p', null, [
+              h('span', null, '文件正在生成中，请稍后点击"'),
+              h('span', { style: 'color: teal' }, '导出记录'),
+              h('span', null, '"查看~ ')
+            ]),
+            confirmButtonText: '我知道了'
+          }).then(action => {
+            this.$router.push({ path: this.roterPre + '/export/list' })
+          })
+        })
+        .catch((res) => {
+          this.$message.error(res.message)
+        })
+    },
+    getTotal(row) {
+      let sum = 0
+      for (let i = 0; i < row.length; i++) {
+        sum += row[i].product ? row[i].product.cart_info.productAttr.price * row[i].refund_num : ''
+      }
+      return sum
+    },
+    // 预售商品退款金额
+    getPresellTotal(row) {
+      let sum = 0
+      for (let i = 0; i < row.length; i++) {
+        sum += row[i].product ? row[i].product.cart_info.productPresellAttr.presell_price * row[i].refund_num : ''
+      }
+      return sum
+    },
+    // 助力商品退款金额
+    getAssistTotal(row) {
+      let sum = 0
+      for (let i = 0; i < row.length; i++) {
+        sum += row[i].product ? row[i].product.cart_info.productAssistAttr.assist_price * row[i].refund_num : ''
+      }
+      return sum
+    },
+    // 详情
+    onRefundOrderDetail(id) {
+      this.orderId = id
+      this.$refs.orderDetail.dialogVisible = true
+      this.loading = true
+      refundorderDetailApi(id)
+        .then(res => {
+          this.orderDatalist = res.data
+          this.loading = false
+          this.$refs.orderDetail.onOrderLog(id)
+        })
+        .catch(({ message }) => {
+          this.loading = false
+          this.$message.error(message)
+        })
+    },
+    // 订单记录
+    onOrderLog(id) {
+      this.dialogVisible = true
+      this.LogLoading = true
+      refundorderLogApi(id, this.tableFromLog)
+        .then(res => {
+          this.tableDataLog.data = res.data.list
+          this.tableDataLog.total = res.data.count
+          this.LogLoading = false
+        })
+        .catch(res => {
+          this.$message.error(res.message)
+          this.LogLoading = false
+        })
+    },
+    pageChangeLog(page) {
+      this.tableFromLog.page = page
+      this.getList('')
+    },
+    handleSizeChangeLog(val) {
+      this.tableFromLog.limit = val
+      this.getList('')
+    },
+    // 订单删除
+    handleDelete(row, idx) {
+      if (row.is_del === 1) {
+        this.$modalSure().then(() => {
+          refundorderDeleteApi(row.refund_order_id)
+            .then(({ message }) => {
+              this.$message.success(message)
+              this.tableData.data.splice(idx, 1)
+            })
+            .catch(({ message }) => {
+              this.$message.error(message)
+            })
+        })
+      } else {
+        this.$confirm(
+          '您选择的的订单存在用户未删除的订单，无法删除用户未删除的订单！',
+          '提示',
+          {
+            confirmButtonText: '确定',
+            type: 'error'
+          }
+        )
+      }
+    },
+    // 备注
+    onOrderMark(id) {
+      this.$modalForm(refundorderMarkApi(id)).then(() => this.getList(''))
+    },
+    // 选择时间
+    selectChange(tab) {
+      this.tableFrom.date = tab
+      this.timeVal = []
+      this.getList(1)
+    },
+    // 具体日期
+    onchangeTime(e) {
+      this.timeVal = e
+      this.tableFrom.date = e ? this.timeVal.join('-') : ''
+      this.getList(1)
+    },
+    // 编辑
+    edit(id) {
+      this.$modalForm(orderUpdateApi(id)).then(() => this.getList(''))
+    },
+    // 发货
+    send(id) {
+      this.$modalForm(orderDeliveryApi(id)).then(() => this.getList(''))
+    },
+    // 列表
+    getList(num) {
+      this.listLoading = true
+      this.tableFrom.page = num || this.tableFrom.page
+      refundorderListApi(this.tableFrom)
+        .then(res => {
+          this.orderChartType = res.data.stat
+          this.tableData.data = res.data.list
+          this.tableData.total = res.data.count
+          this.listLoading = false
+        })
+        .catch(res => {
+          this.$message.error(res.message)
+          this.listLoading = false
+        })
+    },
+    pageChange(page) {
+      this.tableFrom.page = page
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val
+      this.getList()
+    },
+    openLogistics(row) {
+      this.orderDetails = row
+      this.getOrderData(row.refund_order_id)
+      this.dialogLogistics = true
+    },
+    handleClose() {
+      this.dialogLogistics = false
+      this.dialogConfirm = false
+    },
+    // 获取订单物流信息
+    getOrderData(id) {
+      refundorderExpressApi(id)
+        .then(async res => {
+          this.result = res.data
+        })
+        .catch(res => {
+          this.$message.error(res.message)
+        })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.demo-table-expands ::v-deep label {
+  width: 110px !important;
+  color: #99a9bf;
+}
+::v-deep .el-input--suffix .el-input__inner{
+  padding-right: 10px;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.tabBox_tit {
+  max-width: 60%;
+  font-size: 12px !important;
+  margin: 0 2px 0 10px;
+  letter-spacing: 1px;
+  padding: 5px 0;
+  box-sizing: border-box;
+}
+</style>
diff --git a/.history/src/views/order/orderRefund/index_20240329103706.vue b/.history/src/views/order/orderRefund/index_20240329103706.vue
new file mode 100644
index 0000000..1395eac
--- /dev/null
+++ b/.history/src/views/order/orderRefund/index_20240329103706.vue
@@ -0,0 +1,671 @@
+<template>
+  <div class="divBox">
+    <div class="selCard ">
+        <div class="container">
+          <el-form :model="tableFrom" ref="searchForm" size="small" label-width="85px" inline>
+            <el-form-item label="订单状态：" style="display: block;" prop="status">
+              <el-radio-group v-model="tableFrom.status" type="button" @change="getList(1)">
+                <el-radio-button label>全部 {{ '(' +orderChartType.all?orderChartType.all:0 + ')' }}</el-radio-button>
+                <el-radio-button
+                  label="0"
+                >待审核 {{ '(' +orderChartType.audit?orderChartType.audit:0+ ')' }}</el-radio-button>
+                <el-radio-button
+                  label="-1"
+                >审核未通过 {{ '(' +orderChartType.refuse?orderChartType.refuse:0+ ')' }}</el-radio-button>
+                <el-radio-button
+                  label="1"
+                >审核通过 {{ '(' +orderChartType.agree?orderChartType.agree:0+ ')' }}</el-radio-button>
+                <el-radio-button
+                  label="2"
+                >待收货 {{ '(' +orderChartType.backgood?orderChartType.backgood:0+ ')' }}</el-radio-button>
+                <el-radio-button
+                  label="3"
+                >已完成 {{ '(' +orderChartType.end?orderChartType.end:0+ ')' }}</el-radio-button>
+              </el-radio-group>
+            </el-form-item>
+            <el-form-item label="时间选择：">
+              <el-date-picker
+                v-model="timeVal"
+                value-format="yyyy/MM/dd"
+                format="yyyy/MM/dd"
+                size="small"
+                type="daterange"
+                placement="bottom-end"
+                placeholder="自定义时间"
+                style="width: 280px;"
+                :picker-options="pickerOptions"
+                @change="onchangeTime"
+              />
+            </el-form-item>
+            <el-form-item label="退款单号：" prop="refund_order_sn">
+              <el-input
+                v-model="tableFrom.refund_order_sn"
+                clearable
+                placeholder="请输入订单号"
+                class="selWidth"
+                @keyup.enter.native="getList(1)"
+              />
+            </el-form-item>
+            <el-form-item label="退款类型：" prop="refund_type">
+              <el-select
+                v-model="tableFrom.refund_type"
+                placeholder="请选择"
+                class="selWidth"
+                clearable
+                @change="getList(1)"
+              >
+                <el-option
+                  v-for="item in refundTypeList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+             <el-form-item label="发起方：" prop="user_type">
+              <el-select
+                v-model="tableFrom.user_type"
+                placeholder="请选择"
+                class="selWidth"
+                clearable
+                @change="getList(1)"
+              >
+                <el-option
+                  v-for="item in refundUserList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"
+                />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="订单单号：" prop="order_sn">
+              <el-input
+                v-model="tableFrom.order_sn"
+                clearable
+                placeholder="请输入订单号"
+                class="selWidth"
+                @keyup.enter.native="getList(1)"
+              />
+            </el-form-item>
+            <el-form-item label="关键字：" prop="username">
+              <el-input
+                v-model="tableFrom.username"
+                clearable
+                placeholder="请输入用户昵称、退货人姓名、手机号"
+                class="selWidth"
+                @keyup.enter.native="getList(1)"
+              /> 
+            </el-form-item>
+            <el-form-item label="退货单号：" prop="delivery_id">
+              <el-input
+                v-model="tableFrom.delivery_id"
+                clearable
+                placeholder="请输入退货快递单号"
+                class="selWidth"
+                @keyup.enter.native="getList(1)"
+              />
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
+              <el-button size="small" @click="searchReset()">重置</el-button> 
+            </el-form-item>
+          </el-form>
+         </div>
+      </div>
+      <el-card class="mt14">
+        <el-button size="small" type="primary" @click.native="exports">导出退款单</el-button>
+        <el-table
+          v-loading="listLoading"
+          :data="tableData.data"
+          size="small"
+          class="table mt20"
+          highlight-current-row
+        >
+          <el-table-column type="expand">
+            <template slot-scope="props">
+              <el-form label-position="left" inline class="demo-table-expand demo-table-expands">
+                <el-form-item label="订单号：">
+                  <span>{{ props.row.order.order_sn }}</span>
+                </el-form-item>
+                <el-form-item label="退款商品总价：">
+                  <span v-if="props.row.order.activity === 2">{{ getPresellTotal(props.row.refundProduct) }}</span>
+                  <span v-else-if="props.row.order.activity === 3">{{ getAssistTotal(props.row.refundProduct) }}</span>
+                  <span v-else>{{ getTotal(props.row.refundProduct) }}</span>
+                </el-form-item>
+                <el-form-item label="退款商品总数：">
+                  <span>{{ props.row.refund_num }}</span>
+                </el-form-item>
+                <el-form-item label="申请退款时间：">
+                  <span>{{ props.row.create_time | filterEmpty }}</span>
+                </el-form-item>
+                <el-form-item label="用户备注：">
+                  <span>{{ props.row.mark | filterEmpty }}</span>
+                </el-form-item>
+                <el-form-item label="商家备注：">
+                  <span>{{ props.row.mer_mark | filterEmpty }}</span>
+                </el-form-item>
+                <el-form-item v-if="props.row.status === 2" label="快递公司：">
+                  <span>{{ props.row.delivery_type | filterEmpty }}</span>
+                </el-form-item>
+                <el-form-item v-if="props.row.status === 2" label="快递单号：">
+                  <span class="mr5">{{ props.row.delivery_id | filterEmpty }}</span>
+                  <el-button type="text" @click="openLogistics(props.row)">物流查询</el-button>
+                </el-form-item>
+              </el-form>
+            </template>
+          </el-table-column>
+          <el-table-column label="退款单号" min-width="100">
+            <template slot-scope="scope">
+              <span style="display: block;" v-text="scope.row.refund_order_sn" />
+            </template>
+          </el-table-column>
+          <el-table-column prop="order.order_sn" label="订单号" min-width="100" />
+          <el-table-column prop="user.nickname" label="用户信息" min-width="100" />
+          <el-table-column prop="refund_price" label="退款金额" min-width="80" />
+          <el-table-column prop="nickname" label="商品信息" min-width="260">
+            <template slot-scope="scope">
+              <div
+                v-for="(val, i ) in scope.row.refundProduct"
+                :key="i"
+                class="tabBox acea-row row-middle"
+              >
+                <div class="demo-image__preview">
+                  <el-image
+                    :src="val.product && val.product.cart_info.product.image"
+                    :preview-src-list="[val.product && val.product.cart_info.product.image]"
+                  />
+                </div>
+                <span
+                  class="tabBox_tit"
+                >{{ val.product && val.product.cart_info.product.store_name + ' | ' }}{{ val.product && val.product.cart_info.productAttr.sku }}</span>
+                <span
+                  v-if="scope.row.order && scope.row.order.activity_type === 2 && val.product && val.product.cart_info.productPresellAttr"
+                  class="tabBox_pice"
+                >{{ '￥'+ val.product && val.product.cart_info.productPresellAttr.presell_price + ' x '+ val.refund_num }}</span>
+                <span
+                  v-else-if="scope.row.order && scope.row.order.activity_type === 3 && val.product && val.product.cart_info.productAssistAttr.assist_price"
+                  class="tabBox_pice"
+                >{{ '￥'+ val.product && val.product.cart_info.productAssistAttr.assist_price + ' x '+ val.refund_num }}</span>
+                <span
+                  v-else
+                  class="tabBox_pice"
+                >{{ '￥'+ val.product && val.product.cart_info.productAttr.price + ' x '+ val.refund_num }}</span>
+              </div>
+            </template>
+          </el-table-column>
+          <el-table-column label="退款类型" min-width="80">
+            <template slot-scope="scope">
+              <span>{{ scope.row.refund_type == 1 ? '退款' : '退货退款' }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="order.real_name" label="退货人" min-width="90" />
+          <el-table-column prop="create_user" label="退款发起方" min-width="90" />
+          <el-table-column label="订单状态" min-width="90">
+            <template slot-scope="scope">
+              <span v-if="scope.row.order.is_del === 0">
+                <span v-if="scope.row.order.paid === 0">待付款</span>
+                <span v-else>
+                  <span v-if="scope.row.order.order_type === 0 || scope.row.order.order_type === 2">{{ scope.row.order.status | orderStatusFilter }}</span>
+                  <span v-else>{{ scope.row.order.status | takeOrderStatusFilter }}</span>
+                </span>
+              </span>
+              <span v-else>已删除</span>
+            </template>
+          </el-table-column>
+          <el-table-column prop="serviceScore" label="退款单状态" min-width="150">
+            <template slot-scope="scope">
+              <span style="display: block">{{ scope.row.status | orderRefundFilter }}</span>
+              <span v-if="scope.row.status == -1" style="display: block">拒绝原因：{{ scope.row.fail_message }}</span>
+              <span style="display: block">退款原因：{{ scope.row.refund_message }}</span>
+              <span style="display: block">状态变更时间：{{ scope.row.status_time }}</span>
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" min-width="150" fixed="right">
+            <template slot-scope="scope">
+              <el-button type="text" size="small" @click="onOrderDetail(scope.row.order.order_sn)">订单详情</el-button>
+              <el-button type="text" size="small" @click="onRefundOrderDetail(scope.row.refund_order_id)">退款单详情</el-button>
+              <el-button v-if="scope.row.status === 0" type="text" size="small" @click="onOrderStatus(scope.row.refund_order_id)">退款</el-button>
+              <!-- <el-button type="text" size="small" @click="onOrderLog(scope.row.refund_order_id)">订单记录</el-button> -->
+              <el-button type="text" size="small" @click="onOrderMark(scope.row.refund_order_id)">订单备注</el-button>
+              <el-button v-if="scope.row.status === 2" type="text" size="small" @click="confirmReceipt(scope.row)">确认收货</el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+        <div class="block">
+          <el-pagination
+          background
+            :page-size="tableFrom.limit"
+            :current-page="tableFrom.page"
+            layout="total, prev, pager, next, jumper"
+            :total="tableData.total"
+            @size-change="handleSizeChange"
+            @current-change="pageChange"
+          />
+        </div>
+      </el-card>
+      
+    <!--记录-->
+    <el-dialog title="操作记录" :visible.sync="dialogVisible" width="700px">
+      <el-table v-loading="LogLoading" border :data="tableDataLog.data" style="width: 100%">
+        <el-table-column prop="refund_order_id" align="center" label="退款单ID" min-width="80" />
+        <el-table-column prop="change_message" label="操作记录" align="center" min-width="280" />
+        <el-table-column prop="change_time" label="操作时间" align="center" min-width="280" />
+      </el-table>
+      <div class="block">
+        <el-pagination
+          :page-size="tableFromLog.limit"
+          :current-page="tableFromLog.page"
+          layout="prev, pager, next, jumper"
+          :total="tableDataLog.total"
+          @size-change="handleSizeChangeLog"
+          @current-change="pageChangeLog"
+        />
+      </div>
+    </el-dialog>
+    <!--详情-->
+    <details-from ref="orderDetail" :order-datalist="orderDatalist" @get-logistics="openLogistics" />
+    <el-dialog
+      v-if="dialogLogistics"
+      title="物流查询"
+      :visible.sync="dialogLogistics"
+      width="350px"
+      :before-close="handleClose"
+    >
+      <logistics-from
+        v-if="orderDetails"
+        :order-datalist="orderDetails"
+        :result="result"
+        :logistics-name="logisticsName"
+      />
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2024 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+import {
+  refundorderStatusApi,
+  refundorderListApi,
+  orderUpdateApi,
+  orderDeliveryApi,
+  refundorderLogApi,
+  refundorderDeleteApi,
+  refundorderMarkApi,
+  refundorderDetailApi,
+  refundorderExpressApi,
+  confirmReceiptApi,
+  refundListImportApi
+} from '@/api/order'
+import detailsFrom from './refundDetail'
+import logisticsFrom from '../logistics'
+import { roterPre } from '@/settings'
+import createWorkBook from '@/utils/newToExcel.js'
+import timeOptions from '@/utils/timeOptions';
+export default {
+  name: 'OrderRefund',
+  components: { detailsFrom, logisticsFrom },
+  data() {
+    return {
+      pickerOptions: timeOptions,
+      logisticsName: 'refund',
+      dialogLogistics: false,
+      orderId: 0,
+      tableData: {
+        data: [],
+        total: 0
+      },
+      refundTypeList: [
+        { value: 1, label: '退款' },
+        { value: 2, label: '退款退货' }
+      ],
+      refundUserList: [
+        { value: 1, label: '用户' },
+        { value: 3, label: '商户' },
+        { value: 4, label: '客服' }
+      ],
+      listLoading: true,
+      roterPre: roterPre,
+      tableFrom: {
+        delivery_id: '',
+        refund_type: '',
+        user_type: '',
+        status: '',
+        date: '',
+        username: '',
+        page: 1,
+        limit: 20,
+        order_sn: this.$route.query.sn ? this.$route.query.sn : '',
+        refund_order_sn: this.$route.query.refund_order_sn ? this.$route.query.refund_order_sn : '',
+        id: this.$route.query.id ? this.$route.query.id : ''
+      },
+      orderChartType: {},
+      timeVal: [],
+      fromList: {
+        title: '选择时间',
+        custom: true,
+        fromTxt: [
+          { text: '全部', val: '' },
+          { text: '今天', val: 'today' },
+          { text: '昨天', val: 'yesterday' },
+          { text: '最近7天', val: 'lately7' },
+          { text: '最近30天', val: 'lately30' },
+          { text: '本月', val: 'month' },
+          { text: '本年', val: 'year' }
+        ]
+      },
+      selectionList: [],
+      tableFromLog: {
+        page: 1,
+        limit: 10
+      },
+      tableDataLog: {
+        data: [],
+        total: 0
+      },
+      LogLoading: false,
+      dialogVisible: false,
+      orderDatalist: null,
+      orderDetails: {},
+      result: []
+    }
+  },
+  mounted() {
+    if (this.$route.query.hasOwnProperty('sn')) {
+      this.tableFrom.order_sn = this.$route.query.sn
+    } else {
+      this.tableFrom.order_sn = ''
+    }
+    this.getList(1)
+  },
+  // 被缓存接收参数
+  activated() {
+    if (this.$route.query.hasOwnProperty('sn')) {
+      this.tableFrom.order_sn = this.$route.query.sn
+    } else {
+      this.tableFrom.order_sn = ''
+    }
+    this.getList(1)
+  },
+  methods: {
+    /**重置 */
+    searchReset(){
+      this.timeVal = []
+      this.tableFrom.date = ""
+      this.$refs.searchForm.resetFields()
+      this.tableFrom.order_sn = ""
+      this.getList(1)
+    },
+    // 回
+    // 订单详情
+    onOrderDetail(order_sn) {
+      this.$router.push({
+        path: this.roterPre + "/order/list",
+        query: {
+          order_sn: order_sn
+        }
+      })
+    },
+    // 退款
+    onOrderStatus(id) {
+      this.$modalForm(refundorderStatusApi(id)).then(() => this.getList(''))
+    },
+    // 确认收货
+    confirmReceipt(row) {
+      const that = this
+      const h = this.$createElement
+      this.$msgbox({
+        title: '是否确认收货？',
+        message: h('div', null, [
+          h('p', null, '退货物流公司：' + row.delivery_type),
+          h('p', null, '退货快递单号：' + row.delivery_id)
+        ]),
+        showCancelButton: true,
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        beforeClose: (action, instance, done) => {
+          if (action === 'confirm') {
+            confirmReceiptApi(row.refund_order_id)
+              .then(res => {
+                that.$message.success(res.message)
+                done()
+                that.getList('')
+              })
+              .catch(({ res }) => {
+                that.$message.error(res.message)
+              })
+          } else {
+            done()
+          }
+        }
+      }).then(action => {}).catch(e => e)// 注意这里，这里是重点！！！;
+    },
+    /**导出退款单 */
+    async exports() {
+      let excelData = JSON.parse(JSON.stringify(this.tableFrom)), data = []
+      excelData.page = 1
+      let pageCount = 1
+      let lebData = {};
+      for (let i = 0; i < pageCount; i++) {
+        lebData = await this.downData(excelData)
+        pageCount = Math.ceil(lebData.count/excelData.limit)
+        if (lebData.export.length) {
+          data = data.concat(lebData.export)
+          excelData.page++
+        }  
+      }
+      createWorkBook(lebData.header, lebData.title, data, lebData.foot,lebData.filename);
+      return
+    },
+    /**资金流水 */
+    downData(excelData) {
+      return new Promise((resolve, reject) => {
+        refundListImportApi(excelData).then((res) => {
+          return resolve(res.data)
+        })
+      })
+    },
+    getExportFileList() {
+      refundListImportApi()
+        .then((res) => {
+          const h = this.$createElement
+          this.$msgbox({
+            title: '提示',
+            message: h('p', null, [
+              h('span', null, '文件正在生成中，请稍后点击"'),
+              h('span', { style: 'color: teal' }, '导出记录'),
+              h('span', null, '"查看~ ')
+            ]),
+            confirmButtonText: '我知道了'
+          }).then(action => {
+            this.$router.push({ path: this.roterPre + '/export/list' })
+          })
+        })
+        .catch((res) => {
+          this.$message.error(res.message)
+        })
+    },
+    getTotal(row) {
+      let sum = 0
+      for (let i = 0; i < row.length; i++) {
+        sum += row[i].product ? row[i].product.cart_info.productAttr.price * row[i].refund_num : ''
+      }
+      return sum
+    },
+    // 预售商品退款金额
+    getPresellTotal(row) {
+      let sum = 0
+      for (let i = 0; i < row.length; i++) {
+        sum += row[i].product ? row[i].product.cart_info.productPresellAttr.presell_price * row[i].refund_num : ''
+      }
+      return sum
+    },
+    // 助力商品退款金额
+    getAssistTotal(row) {
+      let sum = 0
+      for (let i = 0; i < row.length; i++) {
+        sum += row[i].product ? row[i].product.cart_info.productAssistAttr.assist_price * row[i].refund_num : ''
+      }
+      return sum
+    },
+    // 详情
+    onRefundOrderDetail(id) {
+      this.orderId = id
+      this.$refs.orderDetail.dialogVisible = true
+      this.loading = true
+      refundorderDetailApi(id)
+        .then(res => {
+          this.orderDatalist = res.data
+          this.loading = false
+          this.$refs.orderDetail.onOrderLog(id)
+        })
+        .catch(({ message }) => {
+          this.loading = false
+          this.$message.error(message)
+        })
+    },
+    // 订单记录
+    onOrderLog(id) {
+      this.dialogVisible = true
+      this.LogLoading = true
+      refundorderLogApi(id, this.tableFromLog)
+        .then(res => {
+          this.tableDataLog.data = res.data.list
+          this.tableDataLog.total = res.data.count
+          this.LogLoading = false
+        })
+        .catch(res => {
+          this.$message.error(res.message)
+          this.LogLoading = false
+        })
+    },
+    pageChangeLog(page) {
+      this.tableFromLog.page = page
+      this.getList('')
+    },
+    handleSizeChangeLog(val) {
+      this.tableFromLog.limit = val
+      this.getList('')
+    },
+    // 订单删除
+    handleDelete(row, idx) {
+      if (row.is_del === 1) {
+        this.$modalSure().then(() => {
+          refundorderDeleteApi(row.refund_order_id)
+            .then(({ message }) => {
+              this.$message.success(message)
+              this.tableData.data.splice(idx, 1)
+            })
+            .catch(({ message }) => {
+              this.$message.error(message)
+            })
+        })
+      } else {
+        this.$confirm(
+          '您选择的的订单存在用户未删除的订单，无法删除用户未删除的订单！',
+          '提示',
+          {
+            confirmButtonText: '确定',
+            type: 'error'
+          }
+        )
+      }
+    },
+    // 备注
+    onOrderMark(id) {
+      this.$modalForm(refundorderMarkApi(id)).then(() => this.getList(''))
+    },
+    // 选择时间
+    selectChange(tab) {
+      this.tableFrom.date = tab
+      this.timeVal = []
+      this.getList(1)
+    },
+    // 具体日期
+    onchangeTime(e) {
+      this.timeVal = e
+      this.tableFrom.date = e ? this.timeVal.join('-') : ''
+      this.getList(1)
+    },
+    // 编辑
+    edit(id) {
+      this.$modalForm(orderUpdateApi(id)).then(() => this.getList(''))
+    },
+    // 发货
+    send(id) {
+      this.$modalForm(orderDeliveryApi(id)).then(() => this.getList(''))
+    },
+    // 列表
+    getList(num) {
+      this.listLoading = true
+      this.tableFrom.page = num || this.tableFrom.page
+      refundorderListApi(this.tableFrom)
+        .then(res => {
+          this.orderChartType = res.data.stat
+          this.tableData.data = res.data.list
+          this.tableData.total = res.data.count
+          this.listLoading = false
+        })
+        .catch(res => {
+          this.$message.error(res.message)
+          this.listLoading = false
+        })
+    },
+    pageChange(page) {
+      this.tableFrom.page = page
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val
+      this.getList()
+    },
+    openLogistics(row) {
+      this.orderDetails = row
+      this.getOrderData(row.refund_order_id)
+      this.dialogLogistics = true
+    },
+    handleClose() {
+      this.dialogLogistics = false
+      this.dialogConfirm = false
+    },
+    // 获取订单物流信息
+    getOrderData(id) {
+      refundorderExpressApi(id)
+        .then(async res => {
+          this.result = res.data
+        })
+        .catch(res => {
+          this.$message.error(res.message)
+        })
+    }
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.demo-table-expands ::v-deep label {
+  width: 110px !important;
+  color: #99a9bf;
+}
+::v-deep .el-input--suffix .el-input__inner{
+  padding-right: 10px;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.tabBox_tit {
+  max-width: 60%;
+  font-size: 12px !important;
+  margin: 0 2px 0 10px;
+  letter-spacing: 1px;
+  padding: 5px 0;
+  box-sizing: border-box;
+}
+</style>
diff --git a/.history/src/views/system/service/index_20240322155514.vue b/.history/src/views/system/service/index_20240322155514.vue
new file mode 100644
index 0000000..a4f9156
--- /dev/null
+++ b/.history/src/views/system/service/index_20240322155514.vue
@@ -0,0 +1,358 @@
+<template>
+  <div class="divBox">
+    <div class="selCard">
+        <el-form :model="tableFrom" ref="searchForm" inline size="small" label-width="65px">
+          <el-form-item label="状态：" prop="status">
+            <el-select v-model="tableFrom.status" placeholder="客服状态：" clearable @change="getList(1)" class="selWidth">
+              <el-option
+                v-for="item in optionsData"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="关键字：" prop="keyword">
+            <el-input v-model="tableFrom.keyword" placeholder="请输入关键字" clearable class="selWidth" @keyup.enter.native="getList(1)" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
+            <el-button size="small" @click="searchReset()">重置</el-button> 
+          </el-form-item>
+        </el-form>
+      </div>
+    <el-card class="mt14">
+      <el-button size="small" type="primary" class="mb20" @click="onAdd">添加客服</el-button>
+      <el-table
+        v-loading="loading"
+        :data="tableData.data"
+        size="small"
+      >
+        <el-table-column
+          prop="service_id"
+          label="ID"
+          min-width="60"
+        />
+        <el-table-column
+          prop="user.nickname"
+          label="微信用户名称"
+          min-width="130"
+        />
+        <el-table-column label="客服头像" min-width="80">
+          <template slot-scope="scope">
+            <div class="demo-image__preview">
+              <el-image
+                class="tabImage"
+                :src="scope.row.avatar"
+                :preview-src-list="[scope.row.avatar]"
+              />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="nickname"
+          label="客服名称"
+          min-width="130"
+        />
+        <el-table-column
+          label="帐号状态"
+          min-width="100"
+        >
+          <template slot-scope="scope">
+            <el-switch
+              v-model="scope.row.is_open"
+              :active-value="1"
+              :inactive-value="0"
+              :disabled="!scope.row.user || scope.row.user.cancel_time"
+              active-text="开"
+              inactive-text="关"
+              @click.native="onchangeIsShow(scope.row)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="create_time"
+          label="添加时间"
+          min-width="150"
+        />
+        <el-table-column label="操作" min-width="150" fixed="right">
+          <template slot-scope="scope">
+            <el-button
+              v-if="scope.row.is_open && scope.row.status"
+              type="text"
+              size="small"
+              @click="login(scope.row.service_id, scope.$index)"
+            >进入工作台
+            </el-button>
+            <el-button type="text" size="small" @click="goList(scope.row.service_id, scope.$index)">聊天记录</el-button>
+            <el-button v-if="scope.row.user && !scope.row.user.cancel_time" type="text" size="small" @click="onEdit(scope.row.service_id)">编辑</el-button>
+            <el-button type="text" size="small" @click="onDel(scope.row.service_id,scope.$index)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          background
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleSizeChange"
+          @current-change="pageChange"
+        />
+      </div>
+    </el-card>
+    <!--聊天记录-->
+    <el-dialog title="聊天记录" :width="isChat?'600px':'800px'" :visible.sync="dialogTableVisible">
+      <el-table v-if="isChat" size="small" v-loading="loadingChat" :data="tableChatData.data">
+        <el-table-column property="user.nickname" label="用户名称" min-width="100" />
+        <el-table-column label="用户头像" min-width="80">
+          <template slot-scope="scope">
+            <img v-if="scope.row.user.avatar" class="tabImage" :src="scope.row.user.avatar">
+            <img v-else class="tabImage" src="../../../assets/images/f.png">
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" min-width="80">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="check(scope.row.uid, scope.$index)">查看对话</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-button v-if="!isChat" type="primary" size="small" @click="goBack" class="mb20">返回聊天记录</el-button>
+      <el-table v-if="!isChat" key="isIndexs" v-loading="loadingChat" :data="tableServiceData.data" size="small">
+        <el-table-column label="发送人" min-width="100">
+          <template slot-scope="scope">
+            <span>{{ scope.row.send_type === 0 ? scope.row.user.nickname : scope.row.service.nickname }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="发送人头像" min-width="80">
+          <template slot-scope="scope">
+            <img v-if="scope.row.user.avatar" class="tabImage" :src="scope.row.user.avatar">
+            <img v-else class="tabImage" src="../../../assets/images/f.png">
+          </template>
+        </el-table-column>
+        <el-table-column label="发送消息" min-width="100">
+          <template slot-scope="scope">
+            <span v-if="scope.row.msn_type === 2" class="tabImage">[{{ scope.row.msn }}]</span>
+            <img v-else-if="scope.row.msn_type === 3" class="tabImage" :src="scope.row.msn">
+            <span v-else>{{ scope.row.msn_info }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_time" label="发送时间" min-width="100" />
+      </el-table>
+      <div class="block">
+        <el-pagination
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="prev, pager, next, jumper"
+          :total="isChat?tableChatData.total:tableServiceData.total"
+          @size-change="handleSizeChangeChat"
+          @current-change="pageChangeChat"
+        />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2024 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+import {
+  serviceLoginApi,
+  serviceListApi,
+  serviceCreateApi,
+  serviceUpdateApi,
+  serviceStatusApi,
+  serviceDeleteApi,
+  serviceChatListApi,
+  serviceChatUidListApi
+} from '@/api/system'
+import Cookies from 'js-cookie'
+import SettingMer from '@/libs/settingMer'
+
+const optionsData = [
+  {
+    value: '1',
+    label: '显示'
+  }, {
+    value: '0',
+    label: '隐藏'
+  }
+]
+export default {
+  name: 'Service',
+  data() {
+    return {
+      isChat: false,
+      loadingChat: false,
+      dialogTableVisible: false,
+      optionsData: optionsData,
+      loading: false,
+      tableData: {
+        data: [],
+        total: 0
+      },
+      tableFrom: {
+        page: 1,
+        limit: 20,
+        keyword: '',
+        status: ''
+      },
+      tableChatFrom: {
+        page: 1,
+        limit: 8
+      },
+      tableChatData: {
+        data: [],
+        total: 0
+      },
+      tableServiceData: {
+        data: [],
+        total: 0
+      },
+      serviceId: 0,
+      uid: ''
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    /**重置 */
+    searchReset(){
+      this.$refs.searchForm.resetFields()
+      this.getList(1)
+    },
+    login(id) {
+      serviceLoginApi(id)
+        .then(res => {
+          Cookies.set('SerToken', res.data.token)
+          window.open(SettingMer.httpUrl + res.data.url)
+        })
+        .catch(res => {
+          this.$message.error(res.message)
+        })
+    },
+    // 列表
+    getList(num) {
+      this.loading = true
+      this.tableFrom.page = num ? num : this.tableFrom.page
+      serviceListApi(this.tableFrom).then(res => {
+        this.tableData.data = res.data.list
+        this.tableData.total = res.data.count
+        this.loading = false
+      }).catch(res => {
+        this.$message.error(res.message)
+        this.loading = false
+      })
+    },
+    pageChange(page) {
+      this.tableFrom.page = page
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val
+      this.getList()
+    },
+    // 聊天记录列表
+    goList(id) {
+      this.serviceId = id
+      this.dialogTableVisible = true
+      this.tableChatFrom.page = 1
+      this.getListChat()
+      this.isChat = true
+    },
+    goBack() {
+      this.tableChatFrom.page = 1
+      this.getListChat()
+      this.isChat = true
+    },
+    check(uid) {
+      this.uid = uid
+      this.serviceChatUidList(uid)
+      this.isChat = false
+    },
+    // 聊天记录列表
+    getListChat() {
+      this.loadingChat = true
+      serviceChatListApi(this.serviceId, this.tableChatFrom).then(res => {
+        this.tableChatData.data = res.data.list
+        this.tableChatData.total = res.data.count
+        this.loadingChat = false
+      }).catch(res => {
+        this.$message.error(res.message)
+        this.loadingChat = false
+      })
+    },
+    // 聊天记录列表
+    serviceChatUidList(uid) {
+      this.loadingChat = true
+      serviceChatUidListApi(this.serviceId, uid, this.tableChatFrom).then(res => {
+        this.tableChatData.data = []
+        this.tableServiceData.data = res.data.list
+        this.tableServiceData.total = res.data.count
+        this.loadingChat = false
+      }).catch(res => {
+        this.$message.error(res.message)
+        this.loadingChat = false
+      })
+    },
+    pageChangeChat(page) {
+      this.tableChatFrom.page = page
+      this.isChat ? this.getListChat() : this.serviceChatUidList(this.uid)
+    },
+    handleSizeChangeChat(val) {
+      this.tableChatFrom.limit = val
+      this.getListChat()
+      this.isChat ? this.getListChat() : this.serviceChatUidList(this.uid)
+    },
+    // 添加
+    onAdd() {
+      this.$modalForm(serviceCreateApi()).then(() => this.getList())
+    },
+    // 编辑
+    onEdit(id) {
+      this.$modalForm(serviceUpdateApi(id)).then(() => this.getList())
+    },
+    onDel(id, idx) {
+      this.$modalSure('删除该客服吗').then(() => {
+        serviceDeleteApi(id).then(({ message }) => {
+          this.$message.success(message)
+          this.tableData.data.splice(idx, 1)
+        }).catch(({ message }) => {
+          this.$message.error(message)
+        })
+      })
+    },
+    // 修改状态
+    onchangeIsShow(row) {
+      if(!row.user || row.user.cancel_time){
+        return
+      }else{
+        serviceStatusApi(row.service_id, row.is_open).then(({ message }) => {
+          this.$message.success(message)
+          this.getList()
+        }).catch(({ message }) => {
+          this.$message.error(message)
+        })
+      }
+     
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/form.scss';
+.tabImage{
+  width: 36px;
+  height: px;
+}
+</style>
diff --git a/.history/src/views/system/service/index_20240328125054.vue b/.history/src/views/system/service/index_20240328125054.vue
new file mode 100644
index 0000000..8bab182
--- /dev/null
+++ b/.history/src/views/system/service/index_20240328125054.vue
@@ -0,0 +1,359 @@
+<template>
+  <div class="divBox">
+    <div class="selCard">
+        <el-form :model="tableFrom" ref="searchForm" inline size="small" label-width="65px">
+          <el-form-item label="状态：" prop="status">
+            <el-select v-model="tableFrom.status" placeholder="客服状态：" clearable @change="getList(1)" class="selWidth">
+              <el-option
+                v-for="item in optionsData"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"
+              />
+            </el-select>
+          </el-form-item>
+          <el-form-item label="关键字：" prop="keyword">
+            <el-input v-model="tableFrom.keyword" placeholder="请输入关键字" clearable class="selWidth" @keyup.enter.native="getList(1)" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" size="small" @click="getList(1)">搜索</el-button>
+            <el-button size="small" @click="searchReset()">重置</el-button> 
+          </el-form-item>
+        </el-form>
+      </div>
+    <el-card class="mt14">
+      <el-button size="small" type="primary" class="mb20" @click="onAdd">添加客服</el-button>
+      <el-table
+        v-loading="loading"
+        :data="tableData.data"
+        size="small"
+      >
+        <el-table-column
+          prop="service_id"
+          label="ID"
+          min-width="60"
+        />
+        <el-table-column
+          prop="user.nickname"
+          label="微信用户名称"
+          min-width="130"
+        />
+        <el-table-column label="客服头像" min-width="80">
+          <template slot-scope="scope">
+            <div class="demo-image__preview">
+              <el-image
+                class="tabImage"
+                :src="scope.row.avatar"
+                :preview-src-list="[scope.row.avatar]"
+              />
+            </div>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="nickname"
+          label="客服名称"
+          min-width="130"
+        />
+        <el-table-column
+          label="帐号状态"
+          min-width="100"
+        >
+          <template slot-scope="scope">
+            <el-switch
+              v-model="scope.row.is_open"
+              :active-value="1"
+              :inactive-value="0"
+              :disabled="!scope.row.user || scope.row.user.cancel_time"
+              active-text="开"
+              inactive-text="关"
+              @click.native="onchangeIsShow(scope.row)"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="create_time"
+          label="添加时间"
+          min-width="150"
+        />
+        <el-table-column label="操作" min-width="150" fixed="right">
+          <template slot-scope="scope">
+            <el-button
+              v-if="scope.row.is_open && scope.row.status"
+              type="text"
+              size="small"
+              @click="login(scope.row.service_id, scope.$index)"
+            >进入工作台
+            </el-button>
+            <el-button type="text" size="small" @click="goList(scope.row.service_id, scope.$index)">聊天记录</el-button>
+            <el-button v-if="scope.row.user && !scope.row.user.cancel_time" type="text" size="small" @click="onEdit(scope.row.service_id)">编辑</el-button>
+            <el-button type="text" size="small" @click="onDel(scope.row.service_id,scope.$index)">删除</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          background
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleSizeChange"
+          @current-change="pageChange"
+        />
+      </div>
+    </el-card>
+    <!--聊天记录-->
+    <el-dialog title="聊天记录" :width="isChat?'600px':'800px'" :visible.sync="dialogTableVisible">
+      <el-table v-if="isChat" size="small" v-loading="loadingChat" :data="tableChatData.data">
+        <el-table-column property="user.nickname" label="用户名称" min-width="100" />
+        <el-table-column label="用户头像" min-width="80">
+          <template slot-scope="scope">
+            <img v-if="scope.row.user.avatar" class="tabImage" :src="scope.row.user.avatar">
+            <img v-else class="tabImage" src="../../../assets/images/f.png">
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" min-width="80">
+          <template slot-scope="scope">
+            <el-button type="text" size="small" @click="check(scope.row.uid, scope.$index)">查看对话</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <el-button v-if="!isChat" type="primary" size="small" @click="goBack" class="mb20">返回聊天记录</el-button>
+      <el-table v-if="!isChat" key="isIndexs" v-loading="loadingChat" :data="tableServiceData.data" size="small">
+        <el-table-column label="发送人" min-width="100">
+          <template slot-scope="scope">
+            <span>{{ scope.row.send_type === 0 ? scope.row.user.nickname : scope.row.service.nickname }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="发送人头像" min-width="80">
+          <template slot-scope="scope">
+            <img v-if="scope.row.user.avatar" class="tabImage" :src="scope.row.user.avatar">
+            <img v-else class="tabImage" src="../../../assets/images/f.png">
+          </template>
+        </el-table-column>
+        <el-table-column label="发送消息" min-width="100">
+          <template slot-scope="scope">
+            <span v-if="scope.row.msn_type === 2" class="tabImage">[{{ scope.row.msn }}]</span>
+            <img v-else-if="scope.row.msn_type === 3" class="tabImage" :src="scope.row.msn">
+            <span v-else>{{ scope.row.msn_info }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="create_time" label="发送时间" min-width="100" />
+      </el-table>
+      <div class="block">
+        <el-pagination
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="prev, pager, next, jumper"
+          :total="isChat?tableChatData.total:tableServiceData.total"
+          @size-change="handleSizeChangeChat"
+          @current-change="pageChangeChat"
+        />
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2024 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+import {
+  serviceLoginApi,
+  serviceListApi,
+  serviceCreateApi,
+  serviceUpdateApi,
+  serviceStatusApi,
+  serviceDeleteApi,
+  serviceChatListApi,
+  serviceChatUidListApi
+} from '@/api/system'
+import Cookies from 'js-cookie'
+import SettingMer from '@/libs/settingMer'
+
+const optionsData = [
+  {
+    value: '1',
+    label: '显示'
+  }, {
+    value: '0',
+    label: '隐藏'
+  }
+]
+export default {
+  name: 'Service',
+  data() {
+    return {
+      isChat: false,
+      loadingChat: false,
+      dialogTableVisible: false,
+      optionsData: optionsData,
+      loading: false,
+      tableData: {
+        data: [],
+        total: 0
+      },
+      tableFrom: {
+        page: 1,
+        limit: 20,
+        keyword: '',
+        status: ''
+      },
+      tableChatFrom: {
+        page: 1,
+        limit: 8
+      },
+      tableChatData: {
+        data: [],
+        total: 0
+      },
+      tableServiceData: {
+        data: [],
+        total: 0
+      },
+      serviceId: 0,
+      uid: ''
+    }
+  },
+  mounted() {
+    this.getList()
+  },
+  methods: {
+    /**重置 */
+    searchReset(){
+      this.$refs.searchForm.resetFields()
+      this.getList(1)
+    },
+    login(id) {
+      serviceLoginApi(id)
+        .then(res => {
+          Cookies.set('SerToken', res.data.token)
+          window.open(SettingMer.httpUrl + res.data.url)
+        })
+        .catch(res => {
+          this.$message.error(res.message)
+        })
+    },
+    // 列表
+    getList(num) {
+      this.loading = true
+      this.tableFrom.page = num ? num : this.tableFrom.page
+      serviceListApi(this.tableFrom).then(res => {
+        this.tableData.data = res.data.list
+        this.tableData.total = res.data.count
+        this.loading = false
+      }).catch(res => {
+        this.$message.error(res.message)
+        this.loading = false
+      })
+    },
+    pageChange(page) {
+      this.tableFrom.page = page
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.tableFrom.limit = val
+      this.getList()
+    },
+    // 聊天记录列表
+    goList(id) {
+      this.serviceId = id
+      this.dialogTableVisible = true
+      this.tableChatFrom.page = 1
+      this.getListChat()
+      this.isChat = true
+    },
+    goBack() {
+      this.tableChatFrom.page = 1
+      this.getListChat()
+      this.isChat = true
+    },
+    check(uid) {
+      this.uid = uid
+      this.serviceChatUidList(uid)
+      this.isChat = false
+    },
+    // 聊天记录列表
+    getListChat() {
+      this.loadingChat = true
+      serviceChatListApi(this.serviceId, this.tableChatFrom).then(res => {
+        this.tableChatData.data = res.data.list
+        this.tableChatData.total = res.data.count
+        this.loadingChat = false
+      }).catch(res => {
+        this.$message.error(res.message)
+        this.loadingChat = false
+      })
+    },
+    // 聊天记录列表
+    serviceChatUidList(uid) {
+      this.loadingChat = true
+      serviceChatUidListApi(this.serviceId, uid, this.tableChatFrom).then(res => {
+        this.tableChatData.data = []
+        this.tableServiceData.data = res.data.list
+        this.tableServiceData.total = res.data.count
+        this.loadingChat = false
+      }).catch(res => {
+        this.$message.error(res.message)
+        this.loadingChat = false
+      })
+    },
+    pageChangeChat(page) {
+      this.tableChatFrom.page = page
+      this.isChat ? this.getListChat() : this.serviceChatUidList(this.uid)
+    },
+    handleSizeChangeChat(val) {
+      this.tableChatFrom.limit = val
+      this.getListChat()
+      this.isChat ? this.getListChat() : this.serviceChatUidList(this.uid)
+    },
+    // 添加
+    onAdd() {
+      this.$modalForm(serviceCreateApi()).then(() => this.getList())
+    },
+    // 编辑
+    onEdit(id) {
+      this.$modalForm(serviceUpdateApi(id)).then(() => this.getList())
+    },
+    onDel(id, idx) {
+      this.$modalSure('删除该客服吗').then(() => {
+        serviceDeleteApi(id).then(({ message }) => {
+          this.$message.success(message)
+          this.tableData.data.splice(idx, 1)
+        }).catch(({ message }) => {
+          this.$message.error(message)
+        })
+      })
+    },
+    // 修改状态
+    onchangeIsShow(row) {
+      if(!row.user || row.user.cancel_time){
+        return
+      }else{
+        serviceStatusApi(row.service_id, row.is_open).then(({ message }) => {
+          this.$message.success(message)
+          this.getList()
+        }).catch(({ message }) => {
+          this.$message.error(message)
+        })
+      }
+     
+     
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import '@/styles/form.scss';
+.tabImage{
+  width: 36px;
+  height: px;
+}
+</style>
diff --git a/public/favicon.ico b/public/favicon.ico
index 54183254468ec87208af17f09ce324dad8ccc885..d6fb9e715131c83dfe173b558f61fcff393475d4 100644
GIT binary patch
literal 5352
zcmV<E6c_7>P)<h;3K|Lk000e1NJLTq002M$002M;1^@s6s%dfF00004b3#c}2nYxW
zd<bNS000!9Nkl<ZcwX&W30#!b+W!y3Fbw;Stb%|jYABkByWqa$N@88jv|O{)%CcKo
z`F)w@cFokT-cVChF;TCjnW(vADx$KZEXpGL4#RBsIp>`L6p(T0yXNnEVSX<&@0oL+
z=l}el<t&KskZak6jUMi%E}#0?dJJ<kwY9O8SxZcfWTJ<C=fC}|vbI`NSW{e^TUJ<{
zQk?P2oyxmQ7YEHwZ%(czm05OvOP2tLcH8@Vbnjp!mORr6w*+{tN})NGe(C1byu{ZQ
z_k1Jf!S;=m+j=c>>G<}8|88bv@|RZpK}9QSt2B`bQOl=vera*TXLU+yG#b&-TW5Y7
z>eVNh8a!9ZH&9q}B<1vP!+iP<6^TR|_IaJ6k@3gZj%gqAPD_+}9-bdeI=Nv?yWqKX
z031&Fefm(Z-kZfDgXh)q_t{OUR%wpkIyZY*+kW41g)e8_xZBmaqs#MPU43=9l6^C)
zn@cBG(I;ot2Y%jb&PDPGeZQ+$JBlgIwtL!R=_SwujhKA@b9zHh(a!6KB46n=YRuzw
z!oH(ZRISz^udobvb4rkXuN0X%#mLJmMR{cn)YQ&MB7tukYlMvogqf*~50_h30E*6V
zws3%nkum@5Nx``fcrxn4%(^G;NQCG{UP@6%dvEK<0e}rwRb7L9hp%AMj%cLiltW}7
zhK5FE1klj%j0b81pno@K{P6WFkV&PeQq*Ae>3?B++|N*`l#oJ<5pDWmR!|sx96TNy
z2qsVL^*F@EC&9zh4Lt*2d?=tXISB=#a(ShSaz2UJ@})ypQJf6}6HA<lxq~^M{TqcP
zHFZb}%qIj0eHE!MF$7kAFa#5ZbcWc_0RN2Miyd)?kyDiqwT5wn(Fic0m!ZfI?iNny
z-}*(o9xx8B)~$rD^vuc?6_rRxzKyfdH_$!65B?o}h;63LDpskeR*B@wT6Ig+9#dSS
zR-yXNb(CM(OC2hq>Ae_3r*A`6K_!`31A_)aQfvA#fSa=!HZL8GE*;zvo1KI&e&2|g
zf<$76ptz2n{7z%=PdRNxFgG;8c;A6|t;-mA+PVoKv=FA`ayibN`-2!~2t`dLLi+cH
zv9YvS09chMBITNmR$OrsR#BFZf@3RDn-oPtXka^WE&g$&66<!wK%{1TXM!{Fh4vbe
z7%r{M@YA|i;NfPAA7hW=i*p+w*VGVLB7&x&RqKZr{$fDz4*APOB*mhj=?LpQ95RWq
zfI)Kso8(og)X2D#2{#uPNGR?!+g1xpvj8wy)Ji!D$yckc?uMqOoMcnO(Cr131TMkw
znR`$pCog9X&jqFzfx!IU++2c#8z#fc(-t57x(<iae@CraPHov!;ivv;3V(q^yjN0I
z3<=s;xM9tZMd;+@qer0B_1SV}YZ3rv`I`K66dhd-MMkvNUQ9s^tj90M%3o@+Y40_y
z-dX_Y#?-g5Hpcel<Kg9HjZaUk$1fRYx%;qi*p%`*{xxk>0R}a93o$IjrkK+$4AZ)f
zgOQ;`4<MRlf8B#d05Ij{W%qDz>okbUa)gE~qLcC(V-r|R{sDt$9-=f?p{1#gxB#0t
ze*OL+j2i5RcaD68lUbJt6*af_eKA6-wP0hdmDp#bsPLJNxum!dAhhiaC|HWo&-q0x
zA2uKMW;Ra@LL&fFN(C~vO@~3&HR_zaRZDR-#dNVpSNv`=6$@6LX5K(bF>e+GW)Wc4
zD*;&eW>5U>r;ia=l0t3N)IzYl?$U)Ec30JDN^Q9E+TpbEj@JY{6fjrQ!k{sLm_V?V
zT4TeozvD%>4gy14W_y!#Xas<=x(pfLj)b_ngwPhk71LHNQbHE;K4$!&!nteNJopKU
z3Bk|P%>q0B5sELPHzJBG&uGuA&XwT7RO{26P4(WRqVKcx=Vk4Rb~c{;?r3HUYhw$T
zNMtY)8}dF_%49V|g`yfoRV7F#cHXNf!Fca}2=VC&v4LKhyb%bE08o?{AY=V-NR*V@
zxuk-UYKo}Rm$x8zUKH|+YB)FoVbw4;5@8o9f3)x@wk7;q@OPHmwU%eGfd^F%6-9Q6
z=AKqA=;G*$0Uq7a!?hDEq-Fx+v{!S{p2Nt4sjkq{#+JvVKqCNZOLK8&{ZJSZeOU=7
zFpGkil@s#&t;L9W2cW3c5Df+2WVb;<t{C#FH9m>nK$chXZ}4wwgE6DJiqV*U=60Eg
zIWLC6(%6i*d(zUkNnSs~hfM;I`ORQRxVd!ROaAZH89z&><D+lRa$v-K5Q_SiQmk4Q
zghhX>L7AeoPH8PZT=5RJUYOH04E<Vng|*D$nNYlrX%7}cii$#Ht{)6>Z7rv{P}!;=
z@eRSEbDeQCItvEO|Fs65INB4*Zs(9toGioxZLngo-^tt#Zv{+3Xon$?8c1kjRE@lX
zG87h9p}4FDWfgK%R>@IOT?>Um4J8#ZyoRLC4XJE4HWI_s#0VxbBUqRk!^*-Kw$`Sw
zw=sjcne0Ble_SRt&H^+$OW!mGqLLh<x!?jUUaNdZAasX4GV-d)`a*1%k?#+hA;Pc4
zr|7++F4(CE1b^#x__W*GNJ=QgnM-N7dNUh21yuwl`8oG>!F|+xWr{_6Z5C)mUxKo(
zR-$&~PpqY_l@xy7cIeTCCOus|(Z<~#W+qY&mc&rtr#>#$2mm$tes<&{DB^zA20Ed@
zDRdcxvEi1eQRwov0fGlvAlCULN>wFLX=v(`Zw`aol$-OcAXC~vUTZ*+Tbtr|7GN$V
z)civ2NPY3RN1xJsf@K>MV?)?eG3DZ5iB|Sz<YF?In@TwoWKu&OTU6AxTCPB4wUSs=
zgW}Q(VplEAOlzT3DB$O5iQxl$(YuE~jA{1yFm^Oq2$d(DMB%>q0@Zo+RwL1*4<<+0
zldxj`85Lr%8Iyv%VoH~HtRc!K#mh}7T@gEIE+8mpAWU$$kx5BTCk-skjNt2O2k+K4
zXya-PPZwLbIa$Kl!2(v6CXh-cT+w>N>ymtZ^l#w9LNwAAq)Md<a(OMeRuxah4i5Gt
zM)N7M$x>KBb$`~Tu>hq+HpgKua9-XO?;Q8gCUKh37|EeBDTQIFIR}N!{+KzLh-`ku
zQW}c`VzCI;6eykSOwg~ZI|c-{fvb}(Es%&|Z)ZV%F5%9QoR&}Jt(fWw+j{zP*B~(}
zs%YM!q<&1fHA~7WIST~t)Po~X9@Nf^#?`MbXnHO{ZgB6nRj9tSQwW4)wIexRSaP)^
z{mrUFomm;Z>uf=aQ(LyKO1~Dgt?;)IoiIJLCmii9xWdd5Z+{+vh+~ORDr@n-Zx2F3
zS`OlF71F(&W^W>RxR}zI8qA;42O~o|^ZwU`pTw&0^VqX?5^iVY;k}i|ScNSV7W7=q
z3MCblRE%A;v~fOiKJ08P>wtXNAI(mNl+~rk`Ed>uSu}qqD(y`1!Z#`Yyf|VLTA^$u
z3AEOxZ3VcuqB;D~4rFC7bZYBNixKxvUzH?epNZcP-L3GiWfMtZF-~1fMt(^ZK3#Vj
z{=RmYFtj6=*N0pqFrW?B@XQ}67&&_vW=!ZzLCz4H_g%%V6`{l=D{TEK8sF`W!M3l)
z!pFlAQX@l}irYLH1Gs(Ja#wa7Qg<!Hp35@qNb7_e7;%a-WmzQG&@zs>sTf__Ib!li
ze+=#4fr6NkV3s;&2>7%9Qpwu=r)<I4kan0jGJvAEBbKZ^h#RSeh)*kn4Naq+>`lm`
zz?-3gnD|n6PVuT5IWAne4KtYpQ5TZ&?T?qSblw1b{jbv~qd=&nx<n>nOjYC65goDg
z-IoY}`b_Z14A4qUIlC00Gq)i5Zl&PcWO)@+jFe}YEOej;KASfj4t7L0uJZ$0HyD`#
zux!K6SoOmdqP3W((2w5eg|S2Z5tp2Wm*3lmO`nWJP#20bbTJ@ptc9W}A>|GdZ{?zI
zU|VdBxQJETE@DDRTkJoXieENQftR}@)fPnvp1Ku|6mL%KoJWC_8KUK@Sr>>Wp=N)4
z0LhufJaVg9pd<e_F*d-=u&$UmyfZvqZFx}ArwC!`^~i}>e6%hKQlkF3AKxMnsWkp<
zFD_iqM&`Y0c)3`>l+vK!0yfyPJdF2!>`Xjfes?#P%<9XR-&TfSz_<`^>^_!)ww^X9
zEv-fkv81?41z%SSoZR`=;{(7fm6n-@uy=MLLp$eZt1@;rGEAU({_IJCXyss~m(mUK
zX8|gOTwwO+`%y%TsNa7XO2Rvmb+a*b@m{L#Eb+y>5S+f0jGHOBcq23j!M)n^z{#q|
zNej2b&E6F4$Zgi|xQuZFy%BLd6`v3&0Ucc_^2;#f&2Ttdn-K%%Q2u{R2C()00h2Z$
zKBI&OIu=w02D)O!q7j_x`dGUu;wdOUht1uLvvIk6W@ut8!_<-Ok)Bh4L#H#~MM2NM
zts`O+bC8x@iqGft#hl5(!a6~NWy{r@f5X}zF5>;^y|8lICDhi+QB$RWF)cq!WX2fK
zwH3Z!F_}tffk`c0O}fCoqc<`0vqL114c06k0Y4un7*bGqT;+8^kZqDoTo8`@!YUjK
zpN)!&YOLNGh42Fj_;^Ndw05?|uET%ed~6QZzCRd~#`NH0DwRsC*mxMF<u#B<W!Qf3
z23EW~5ZU=9c)`~d(>^+Y(F1(QK*ku{#}C~*d+RN0vx}l<F5kin?VMoAc5xnauH6*+
zqi1cTIYBipMJ$AZ6nk}HI4;lvOX!exNX;yPr@JNg{G5o35pTi6)sA<On^%nP<JO|R
zk3FSISN!<Pb+ocGM@gj|`__bE^sF5iHGpEmkpv9x>4EL5r_e;{39|sB-IG|nIqJPc
z0A$gGDk^*?MgO}PGjAtmhIU4;057Db=OZaI7yFJT69DrF09JYfr=t@vYVIy9d@Trf
z$URP7x<y5&1U6Qbo|jF)z-i%lee4U^aVVB%jYc@T=WUo$4WiHW(0u`YI(XDJ!>50X
zb2kdnie_`}PG-o+t-_W4bMfKwNE|qwN<Ph2lf;OQm_=De0AS7cQCRxj8EjiN4l6d(
z5<6{xWEUx@@G_$f5IItFs`0_=JrHpu7CHGfxE%QwoE)w667BySfc(NzUe~h-8<TLC
z*Y~}<c_A(-3-^jDc`d=p`0oC#A(IKaI<fJY$jB~1puam};_g!MB|&M0g3l7!x`B#j
zoNYbr5l<PVqEd+gK|cC3;6TE0&FFR^dZG0^HWGQP3DJah7>Y%`-hiEnezbXBfT*FJ
zFAe}xNGdkM^neMN+3jV%Li;>lMKsadba^+nUprV2fKFixsVUwF2*tF3@i3)z`RC~>
zlUHE#l?Z$v^AkU#z^*z5Jg6w!n3zS&*HipQ!`QI-E#|)hKy(fOTVo>e&ntUSCa3NE
z23NBH)HA{iBii=Exb}n4%~_bM|5dIlG@bt`;TR4jo&W=(sjEc*8h**uq7`1IfXTpc
zv2c7Qamb>L-N?k_*mLs;?v~}YDB~jm(6F~4+9(<CHyFdb`|_=>|K?R*TZx~Of5-m#
z-|$EFjYksYu>sJHVn8b+-Zt)NZ|?;^{_^H`8<~D<a*re}HD(b!KK~XH=oO!zO847H
zDaxonZ}f;AJ~05zjYr4p;pgBDUt15VFRWos*@dN7b0bs!x9+{IOsG8yX*ZfhX*#qe
zyvVA$_XSnONGeR{O6OJ-JfeyZZ~mtN@KmMz6Fd8V0Cbh$p9u0Z-Ss0ez=IAow6=0a
z^xf-Vb#zOYR4jp9r9c}x^>MrSZcEMUp0f(HmwN!x=sPUH{h61@V|7Rg%|KfW*}X}i
z4h}vzmwA<^zt2y7%jI&jbV5O8F{<fA37t6QK`y5vpQpxmd%ljPbU3n0tM-V=P2i<9
zt13%s%4jo{HbSY5_H0yLY0COs(tj=@6OLo3cW>;CJBsv@EEv)X4{OgVIo5}QfRzxy
zx;yK;R9;Sd1S+rqoL5<--D)==xnzwhKrXxnrNn^XM5>5=TSEEMesk!g=Z5>5P4FAS
zE3A+<J@DSIE3jhFdx*_V#AT|$DkzG7*k=Zv7W<Nbn2N8@eUD8eKcjqo3chx2cs;%_
zXezSG^JvGp2I1Et>-v7R(@4-iYT<OoWt>R62nn71{J7t2WDpQ68#tKS;QGB}_|p-a
zYXs~IbZ2QeJZ3*tt^H9#=bUWlC@*`zm}Fo8CKse5I_vraYHE^1tyc#hr=_nJ7X(;G
ztIuyGO4o9Fp3jWINGg#X&FsL6qUi@e#u!>x=;Gvu1Bp?H$%*F-Sam)e@AsO<0r;@@
zoA~PNX8!(U+9g;Sn<KFx4TIVQ-3I{c<0dJ{m{vj?wK)V58;60x`b;JeZrn?uvD$;q
z{c`|VJ&;tGRyPJ?BXifOoyQ_RFBNyFDm;Gs!hHbHvR@RrK=6mO__wSj2Dnn`JEQAF
zo`-7*ge_P1VSbO-=zTs%eaik1INHTT?^{KgICkqCHjZ3^1xLTayuepE06HMpeeH$q
zm>)ESc6rrcd47BB!8#G<c7KIa-ijt<J7NzZqcj^I5O{3dGZ|NS{2AptfS4h{HeyaE
z$F{ghN~Ti081B=T7-CCqVnmal2o4C7>H57S?!FHouvp}_F4#+~5~a2TfbKc{TMhSL
z-NgiDe%I7{;W$LyF8_T)Fh6D%W^Izma+k91FJT$&71{$=O^yAa91S~X)oI;Hbb9dM
zdtF<VSmVt%^C%VWrrSh)L3mp2oXqTbKuaspKSMmNv8kUu=?kL5v;g$?po4F5^v2{V
z4)Dx&MVzcMP-*<q-aC;|x1H<0CS(FF#zs7|Qa>fZ_&%>l9h$M=<bKxWef!xSYlA<a
zQx9J~rLmsLZpixYW-N$WtrM=%hCZdmu@sng6Eym5uRfD%HWrG}UM*5jx-<Xep@vVJ
zJkj8?uD`29CH{m0_|(5V5E{^4lV+RJQ2j;L+ou{u+vbmS5KOMCgKP{mvhj3~VKgN)
zZvw=bY6f;J?Ag6E8v55YWRrkN^omq!st?^=c%i5{f&T-6z~_+fm&e5b0000<MNUMn
GLSTaH8ZsOJ

literal 4286
zcmeI0OGuPa6vyv0Q)7-c<0EyPvN1Izh!#aeFM2^iQAAnvFsW!=gb)-#P|%_xLVD7s
z=pF5fs9g85cC~P))GkX%%ND}v{%+o{Z|>)eV@Pd0a{SJm^FROpxz}&*$EQ*u{gX~B
zeyh6)r7DzCjoNieE!R%oT4_uv+;5fDGupKGXz%?;j#e8p=<7Z0f>))|lA1nK^u*d#
zhL@BlB{id7dxNM@G^1v)I!6r*ShpWexY4kBer<A7tENl5tV(w6-YbV%4`+Bo;~bfi
zDA!&l8#gs&)WDLX1_rF#4=3Dc`1Fa{bCXNxx{6GeuI_GeZTYG--kP31d+wHnoLw_m
z*WiR34XZb#?dh{`;b@V(eD&IGm&MCgYW}d%xOMw(pib_$e%N4L0Gx26F_Qj^m#^IR
z4E>w8?gZ-Oa_Pf4u0Ov2<M-c4-@jt%c>6B!{hF4pANqbNxp?Vnpia)7KVV&hGaN0>
z<NF_z*Ka!9b~%0aoJ@(A$jrJ~^8WpYK%E>lFkoGSGaQZO)UQa^m^GX}6YPiYb5D=_
z82IT@d!MO+8P4Ejf6&Nw{_$)oEJ{dOMN)dcd>xMFuX1p~3Agk7v(I~PrlfiPDp|N_
z$*}u8+5z~xz{T3(_N|>bpwE2OLo>un%H_n#Q_|VlnIStkI4JGy?XqtD2IIu!{6-JG
zaG(vRv-V;2?R?cWbrLO%o8Hp$N?Eabtu(jnla@XEW!{2CCU5U|uH>kJ0ZR{gIN-9p
z&NZ-pf8EYo6rZZOA{m<Xvu4YdZ99z<`)2`54_ubR&+ChG>ickJ4WV#U@as2j%J=?$
zZ@Y=f*?Nxky8DoqesWr^6vs;?GO0iwJ$~Zpx&bvXVCnJCpC!&qze4XL`+NDyHCHn5
z84Or@vS|AAdFdC#;!<1JDE<B4J-s*jJX^AKnQ>xkV8GHdR{E@G+xBKFVXj-Y?(pt8
zV!wf<XDs!b^u6x40|#3@ePX|X9ZUVm`rNFkZIEw$eV)w6kDp}o<|gCB*1&+JXROv=
zS)DfPIp21{%4EHQ`Mvgx_nd6A<aPgXhVWh!3Qv^#4<2UKrUnM=2<MKS2YnmoymF>Q
zCKbwrNP!$VdQ7^yx@BNsz&J5EYG6ij{-Ei-e~vT@yu}I5VkIdZ&zU>lI59bDqt(`Z
qyaVU|{+&wq>b>nPh$VVM6AO(KldHu4JX3SU-uw4){yp%Y4DDYUxm?Qt

diff --git a/src/views/order/orderRefund/index.vue b/src/views/order/orderRefund/index.vue
index f1182d0..1395eac 100644
--- a/src/views/order/orderRefund/index.vue
+++ b/src/views/order/orderRefund/index.vue
@@ -159,6 +159,7 @@
               <span style="display: block;" v-text="scope.row.refund_order_sn" />
             </template>
           </el-table-column>
+          <el-table-column prop="order.order_sn" label="订单号" min-width="100" />
           <el-table-column prop="user.nickname" label="用户信息" min-width="100" />
           <el-table-column prop="refund_price" label="退款金额" min-width="80" />
           <el-table-column prop="nickname" label="商品信息" min-width="260">
diff --git a/src/views/system/service/index.vue b/src/views/system/service/index.vue
index a4f9156..8bab182 100644
--- a/src/views/system/service/index.vue
+++ b/src/views/system/service/index.vue
@@ -344,6 +344,7 @@ export default {
         })
       }
      
+     
     }
   }
 }