From 3649bf532cdb6d203b74720c9de526bd82d217a4 Mon Sep 17 00:00:00 2001
From: xk_chenlianjie <15255791639@163.com>
Date: Thu, 18 Jan 2024 08:33:18 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=A2=E5=8D=95=E7=9B=B8=E5=85=B3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/order/orderInfo.js                    |  47 ++-
 .../advertisement/advertisementList.vue       |   2 +-
 src/views/order/orderList.vue                 |  82 +++-
 src/views/order/orderListCancle.vue           |  93 +++++
 src/views/order/orderListDetail.vue           | 296 ++++++++++++++
 src/views/order/orderRefundList.vue           | 374 ++++++++++++++++++
 src/views/order/orderRefundListDetail.vue     | 265 +++++++++++++
 src/views/order/orderRefundListVerify.vue     |  93 +++++
 src/views/order/refundReasonSetting.vue       | 357 +++++++++++++++++
 9 files changed, 1577 insertions(+), 32 deletions(-)
 create mode 100644 src/views/order/orderListCancle.vue
 create mode 100644 src/views/order/orderListDetail.vue
 create mode 100644 src/views/order/orderRefundList.vue
 create mode 100644 src/views/order/orderRefundListDetail.vue
 create mode 100644 src/views/order/orderRefundListVerify.vue
 create mode 100644 src/views/order/refundReasonSetting.vue

diff --git a/src/api/order/orderInfo.js b/src/api/order/orderInfo.js
index d981ccb..0c422a8 100644
--- a/src/api/order/orderInfo.js
+++ b/src/api/order/orderInfo.js
@@ -10,13 +10,26 @@ export default {
       data: page
     })
   },
-
-  getTakeOrder(id, takeCode) {
+  getRefundOrder(page) {
+    // 退货列表
+    return request({
+      url: `/${service_name}/${group_name}/getRefundOrder`,
+      method: 'post',
+      data: page
+    })
+  },
+  get(id) {
     // 订单详情
     return request({
-      url: `/${service_name}/${group_name}/takeOrder`,
-      method: 'post',
-      data: { id: id, takeCode: takeCode }
+      url: `/${service_name}/${group_name}/get/${id}`,
+      method: 'get'
+    })
+  },
+  getRefund(id) {
+    // 订单详情
+    return request({
+      url: `/${service_name}/${group_name}/getRefund/${id}`,
+      method: 'get'
     })
   },
   getOrderBySerialOrId(serialNumber) {
@@ -30,26 +43,28 @@ export default {
     })
   },
 
-  save(orderInfo) {
-    // 保存
+  cancelOrder(orderInfo) {
+    // 取消
     return request({
-      url: `/${service_name}/${group_name}/save`,
+      url: `/${service_name}/${group_name}/cancelOrder`,
       method: 'post',
       data: orderInfo
     })
   },
-  get(id) {
-    // 根据id查询
+  verifyRefundOrder(orderInfo) {
+    // 审核
     return request({
-      url: `/${service_name}/${group_name}/get/${id}`,
-      method: 'get'
+      url: `/${service_name}/${group_name}/verifyRefundOrder`,
+      method: 'post',
+      data: orderInfo
     })
   },
-  getOrderInfoByOrderSerialNumber(id) {
-    // 根据订单流水号查询
+  getIntegralSite(siteName) {
+    // 油站模糊查询
     return request({
-      url: `/${service_name}/${group_name}/getOrderInfoByOrderSerialNumber/${id}`,
-      method: 'get'
+      url: `/oil-finance/oilCustomerIntegralRule/getIntegralSite`,
+      method: 'post',
+      data: { siteName: siteName }
     })
   },
 
diff --git a/src/views/marketing/advertisement/advertisementList.vue b/src/views/marketing/advertisement/advertisementList.vue
index c08aed0..dcf479b 100644
--- a/src/views/marketing/advertisement/advertisementList.vue
+++ b/src/views/marketing/advertisement/advertisementList.vue
@@ -13,7 +13,7 @@
             </el-select>
           </el-form-item>
           <el-form-item label="到期时间：">
-            <el-date-picker v-model="page.params.endTime" type="date" placeholder="选择日期"> </el-date-picker>
+            <el-date-picker v-model="page.params.endTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker>
           </el-form-item>
           <el-form-item>
             <el-button type="primary" @click="userSearchs">查询</el-button>
diff --git a/src/views/order/orderList.vue b/src/views/order/orderList.vue
index 9e2b183..bdf80c9 100644
--- a/src/views/order/orderList.vue
+++ b/src/views/order/orderList.vue
@@ -1,8 +1,9 @@
 <template>
   <div class="article-manager">
-    <el-card :bordered="false" shadow="never" class="ivu-mt mt16" :body-style="{ padding: '0 20px 20px' }">
-      <el-tabs v-model="page.params.orderStatus" @tab-click="onClickTab">
-        <el-tab-pane :label="item.name + '(' + item.count + ')'" :name="item.type" v-for="(item, index) in headeNum" :key="index" />
+    <el-card :bordered="false" shadow="never" class="ivu-mt mt16 " style="padding:20px !important" :body-style="{ padding: '0 20px 20px' }">
+      <el-tabs v-model="type" @tab-click="onClickTab" type="card">
+        <!-- <el-tab-pane :label="item.name + '(' + item.count + ')'" :name="item.type" v-for="(item, index) in headeNum" :key="index" /> -->
+        <el-tab-pane :label="item.name" :name="item.type" v-for="(item, index) in headeNum" :key="index" />
       </el-tabs>
       <div>
         <el-form :model="page" label-width="80px" label-position="right" inline @submit.native.prevent>
@@ -13,9 +14,22 @@
             <el-input clearable placeholder="手机号码" v-model="page.params.customerPhone" type="phone" />
           </el-form-item>
           <el-form-item label="下单时间：">
-            <el-date-picker v-model="page.params.createTime" type="date" placeholder="选择日期"> </el-date-picker>
+            <el-date-picker v-model="page.params.createTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker>
+          </el-form-item>
+          <el-form-item label="选择油站：">
+            <el-select
+              v-model="page.params.takeSiteId"
+              clearable
+              filterable
+              remote
+              reserve-keyword
+              placeholder="油站名称"
+              :remote-method="siteRemoteMethod"
+              @keyup.enter.native="getByPage"
+            >
+              <el-option v-for="item in siteList" :key="item.siteId" :label="item.siteName" :value="item.siteId" />
+            </el-select>
           </el-form-item>
-
           <el-form-item>
             <el-button type="primary" @click="userSearchs">查询</el-button>
           </el-form-item>
@@ -25,7 +39,6 @@
         <el-button class="export" @click="exports">导出</el-button>
       </div>
       <el-table
-        :key="id"
         :data="tableList"
         class="ivu-mt mt14"
         v-loading="loading"
@@ -47,7 +60,7 @@
         </el-table-column>
         <el-table-column label="用户账号" min-width="120" align="center">
           <template slot-scope="scope">
-            <span>{{ scope.row.customerPhone }}</span>
+            <span>{{ scope.row.acctId }}</span>
           </template>
         </el-table-column>
         <el-table-column label="订单金额" min-width="60" align="center">
@@ -89,15 +102,24 @@
           :total="page.totalCount"
         />
       </div>
+
+      <el-drawer title="详情" class="table-detail-drawer" :visible.sync="detailDialog" direction="ltr" size="70%">
+        <orderListDetail :detailData="detailData" @closeDialog="closeDialog" v-if="detailDialog" />
+      </el-drawer>
+      <el-dialog title="取消订单" :visible.sync="cancleDialog" v-el-drag-dialog width="45%">
+        <orderListCancle @getList="getList" @closeDialog="closeDialog" v-if="cancleDialog" :detailData="detailData" />
+      </el-dialog>
     </el-card>
   </div>
 </template>
 
 <script>
 import orderInfoApi from '@/api/order/orderInfo.js'
+import orderListDetail from './orderListDetail'
+import orderListCancle from './orderListCancle'
 export default {
   name: 'product_productList',
-  //   components: { expandRow, attribute, taoBao, goodsDetail, userLabel, couponList },
+  components: { orderListDetail, orderListCancle },
 
   filters: {
     orderStatus(e) {
@@ -118,7 +140,8 @@ export default {
   data() {
     return {
       template: false,
-      modals: false,
+      detailDialog: false,
+      cancleDialog: false,
       batchModal: false,
       grid: {
         xl: 6,
@@ -133,6 +156,7 @@ export default {
         params: {},
         totalCount: 0
       },
+      type: '',
       tableList: [],
       headeNum: [
         {
@@ -164,12 +188,16 @@ export default {
       goodsId: '',
       isProductBox: false,
       multipleSelection: [],
-      detail: {} //详情对象
+      detailData: {}, //详情对象
+      siteList: []
     }
   },
   created() {
+    // delete this.page.params.orderStatus
+
     this.getList()
   },
+
   activated() {},
   methods: {
     closeLabel(label) {
@@ -224,6 +252,7 @@ export default {
     // tab选择
     onClickTab(e) {
       console.log(e)
+      this.page.params.orderStatus = e.name
       this.page.currentPag = 1
       this.multipleSelection = []
       // this.$refs.table.clearSelection()
@@ -238,7 +267,14 @@ export default {
       this.page.currentPage = val
       this.getList()
     },
-
+    siteRemoteMethod(value) {
+      // 远程搜索油站
+      if (value) {
+        orderInfoApi.getIntegralSite(value).then(res => {
+          this.siteList = res.data
+        })
+      }
+    },
     // 订单列表；
     getList() {
       orderInfoApi.getByPage(this.page).then(res => {
@@ -250,16 +286,32 @@ export default {
       this.page.currentPage = 1
       this.getList()
     },
-
+    closeDialog() {
+      this.cancleDialog = false
+      this.detailDialog = false
+    },
     // 数据导出；
     exportData: function() {},
 
-    // 编辑
+    // 详情
     detail(row) {
-      // this.$router.push({ path: this.$routeProStr + '/product/add_product/' + row.id });
+      orderInfoApi.get(row.id).then(res => {
+        if ((res.code = 20000)) {
+          this.detailData = res.data
+          this.detailDialog = true
+        }
+      })
     },
     // 取消
-    cancle(row, tit, num) {}
+    cancle(row, tit, num) {
+      // orderInfoApi.get(row.id).then(res => {
+      //   if ((res.code = 20000)) {
+      this.detailData = row
+      this.cancleDialog = true
+      console.log(row)
+      // }
+      // })
+    }
   }
 }
 </script>
diff --git a/src/views/order/orderListCancle.vue b/src/views/order/orderListCancle.vue
new file mode 100644
index 0000000..89776bd
--- /dev/null
+++ b/src/views/order/orderListCancle.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="divBox ">
+    <!-- <el-card class="box-card"> -->
+    <!-- <div style="width :100%;height:45px;line-height: 45px;background: #f3f3f3; padding-left:20px">
+        添加广告
+      </div> -->
+    <el-form :rules="rules" ref="form" :model="detailData" class="formValidate " label-width="100px">
+      <el-row>
+        <el-col :span="15">
+          <el-form-item label="订单编号:">
+            <span>{{ detailData.orderCode }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="15">
+          <el-form-item label="取消说明" prop="cancelMark">
+            <el-input v-model="detailData.cancelMark" placeholder="请输入取消说明" type="textarea" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="15">
+          <el-form-item label="订单金额:">
+            <span>¥{{ detailData.marketPrice }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="15">
+          <el-form-item label="可退积分">
+            <el-input v-model="detailData.integral" disabled />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-form-item>
+        <el-button type="primary" class="submission" @click="handleSubmit">提交</el-button>
+        <el-button :size="$store.getters.size" @click="close">取消</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- </el-card> -->
+  </div>
+</template>
+<script>
+import orderInfoApi from '@/api/order/orderInfo.js'
+import { loadingFn } from '@/utils/validate'
+export default {
+  props: {
+    detailData: {
+      type: Object,
+      default() {}
+    }
+  },
+  data() {
+    return {
+      detailData: {},
+
+      rules: {
+        cancelMark: [{ required: true, message: '请输入取消说明', trigger: 'blur' }]
+        // integral: [{ required: true, message: '请输入积分', trigger: 'blur' }]
+      }
+    }
+  },
+  methods: {
+    handleSubmit() {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.save()
+        }
+      })
+    },
+    save() {
+      this.detailData.createSource = 'MALL_COMS_WEB'
+      loadingFn.call(
+        this,
+        'loading',
+
+        orderInfoApi.cancelOrder(this.detailData).then(res => {
+          if ((res.code = 20000)) this.$message.success(res.msg)
+          this.$emit('closeDialog')
+          this.$emit('getList')
+        })
+      )
+    },
+    uploadSuccess(e, res) {
+      console.log(res)
+      if (res.code == 20000) {
+        this.advertisement.positionImage = res.data.publicUrl
+      }
+    },
+
+    close() {
+      this.$emit('closeDialog')
+    }
+  }
+}
+</script>
+<style scoped lang="stylus"></style>
diff --git a/src/views/order/orderListDetail.vue b/src/views/order/orderListDetail.vue
new file mode 100644
index 0000000..7e64ef7
--- /dev/null
+++ b/src/views/order/orderListDetail.vue
@@ -0,0 +1,296 @@
+<template>
+  <div class="article-manager">
+    <el-card :bordered="false" shadow="never" class="ivu-mt mt16" :body-style="{ padding: '0 20px 20px' }">
+      <el-descriptions title="基本信息" class="text" direction="vertical" :column="6" border>
+        <el-descriptions-item label="订单编号">{{ detailData.orderCode }}</el-descriptions-item>
+        <el-descriptions-item label="用户账号">{{ detailData.acctId }}</el-descriptions-item>
+        <el-descriptions-item label="支付积分">{{ detailData.integral }}</el-descriptions-item>
+        <el-descriptions-item label="下单时间">{{ detailData.createTime }}</el-descriptions-item>
+        <el-descriptions-item label="自提油站">{{ detailData.takeSiteName }}</el-descriptions-item>
+        <el-descriptions-item label="提货码">{{ detailData.takeCode }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-descriptions title="收货人信息" class="text" direction="vertical" :column="3" border>
+        <el-descriptions-item label="收货人">{{ detailData.customerName }}</el-descriptions-item>
+        <el-descriptions-item label="手机号码">{{ detailData.customerPhone }}</el-descriptions-item>
+        <el-descriptions-item label="订单备注">{{ detailData.remark || '暂无' }}</el-descriptions-item>
+      </el-descriptions>
+
+      <div class="text">商品信息</div>
+      <el-table
+        :data="detailData.mallOrderInfoDetails"
+        class="ivu-mt mt14"
+        v-loading="loading"
+        highlight-current-row
+        empty-text="暂无数据"
+        show-summary
+        :summary-method="getSummaries"
+      >
+        <el-table-column label="商品图片" min-width="80" align="center" prop="oderDetailImg">
+          <template slot-scope="scope">
+            <el-image style="width: 60px; height: 50px" :src="scope.row.oderDetailImg"> </el-image>
+          </template>
+        </el-table-column>
+        <el-table-column label="商品名称" min-width="120" align="center" prop="productName">
+          <template slot-scope="scope">
+            <span>{{ scope.row.productName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="价格/货号" min-width="120" prop="marketPrice">
+          <template slot-scope="scope">
+            <span>价格：¥{{ scope.row.marketPrice }}</span>
+            <br />
+            <span>货号：{{ scope.row.productNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="属性" min-width="60" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.attributeJson }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="数量" min-width="80" align="center" prop="orderNum"> </el-table-column>
+
+        <el-table-column label="小计" min-width="120" align="center" prop="allMarketPrice"> </el-table-column>
+      </el-table>
+      <div class="text">操作信息</div>
+      <el-table :data="detailData.mallOrderInfoRecords" class="ivu-mt mt14" v-loading="loading" border highlight-current-row empty-text="暂无数据">
+        <el-table-column label="操作者" min-width="120" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.customerName }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="操作时间" min-width="60" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.createTime }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="订单状态" min-width="100" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.orderStatus | orderStatus }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="支付状态" min-width="100" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.payStatus | payStatus }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="备注" min-width="120" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.remark }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  filters: {
+    orderStatus(e) {
+      switch (e) {
+        case '0':
+          return '已下单'
+        case '1':
+          return '待核销'
+        case '2':
+          return '已核销'
+        case '-1':
+          return '已取消'
+        default:
+          return '暂无'
+      }
+    },
+    payStatus(e) {
+      switch (e) {
+        case '0':
+          return '待支付'
+        case '1':
+          return '已经发'
+        case '2':
+          return '退款申请'
+        case '3':
+          return '全部退款'
+        case '4':
+          return '部分退款'
+        default:
+          return '暂无'
+      }
+    }
+  },
+
+  props: {
+    detailData: {
+      type: Object,
+      default() {}
+    }
+  },
+  data() {
+    return {
+      template: false,
+      modals: false,
+      batchModal: false,
+      grid: {
+        xl: 6,
+        lg: 8,
+        md: 12,
+        sm: 24,
+        xs: 24
+      }
+    }
+  },
+  created() {},
+  activated() {},
+  methods: {
+    getSummaries(param) {
+      // 合计
+      const { columns, data } = param
+      const sums = []
+
+      if (columns && data) {
+        let allMarketPrice = 0 // 交易金额
+
+        data.forEach(item => {
+          allMarketPrice += item.allMarketPrice ? item.allMarketPrice : 0
+        })
+        allMarketPrice = allMarketPrice.toFixed(2)
+
+        columns.forEach((column, index) => {
+          switch (
+            column.property // column.property可以匹配它的每一列的命名， 然后赋值
+          ) {
+            case 'allMarketPrice':
+              sums[index] = '合计' + allMarketPrice + '元' // 值取自后台
+              break
+
+            default:
+              break
+          }
+        })
+        return sums
+      } else {
+        return sums
+      }
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+::v-deep .el-tabs__item {
+  height: 54px !important;
+  line-height: 54px !important;
+}
+::v-deep .ivu-modal-mask {
+  z-index: 999 !important;
+}
+
+::v-deep .ivu-modal-wrap {
+  z-index: 999 !important;
+}
+
+.Box {
+  ::v-deep .ivu-modal-body {
+    height: 700px;
+    overflow: auto;
+  }
+}
+
+.batch-box {
+  ::v-deep .ivu-modal-body {
+    overflow: auto;
+    min-height: 350px;
+  }
+}
+
+.tabBox_img {
+  width: 36px;
+  height: 36px;
+  border-radius: 4px;
+  cursor: pointer;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.bg {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 11;
+}
+
+::v-deep .happy-scroll-content {
+  width: 100%;
+
+  .demo-spin-icon-load {
+    animation: ani-demo-spin 1s linear infinite;
+  }
+
+  @keyframes ani-demo-spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    50% {
+      transform: rotate(180deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .demo-spin-col {
+    height: 100px;
+    position: relative;
+    border: 1px solid #eee;
+  }
+}
+
+.labelInput {
+  border: 1px solid #dcdee2;
+  width: 100%;
+  padding: 0 15px;
+  border-radius: 5px;
+  min-height: 30px;
+  cursor: pointer;
+  font-size: 12px;
+
+  .span {
+    color: #c5c8ce;
+  }
+
+  .iconxiayi {
+    font-size: 12px;
+  }
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: var(--prev-color-primary);
+  font-size: 12px;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.el-dropdown-menu__item {
+  a {
+    color: #606266;
+  }
+}
+.label_width {
+  width: 400px;
+}
+.text {
+  font-size: 16px;
+  font-weight: bold;
+  margin-top: 20px;
+}
+</style>
diff --git a/src/views/order/orderRefundList.vue b/src/views/order/orderRefundList.vue
new file mode 100644
index 0000000..fa040a0
--- /dev/null
+++ b/src/views/order/orderRefundList.vue
@@ -0,0 +1,374 @@
+<template>
+  <div class="article-manager">
+    <el-card :bordered="false" shadow="never" class="ivu-mt mt16" :body-style="{ padding: '0 20px 20px' }">
+      <div>
+        <el-form :model="page" label-width="80px" label-position="right" inline @submit.native.prevent class="mt16">
+          <el-form-item label="订单编号：">
+            <el-input clearable placeholder="订单编号/商品货号" v-model="page.params.orderCode" />
+          </el-form-item>
+
+          <el-form-item label="申请时间：">
+            <el-date-picker v-model="page.params.refundTime" type="date" value-format="yyyy-MM-dd" placeholder="选择日期"> </el-date-picker>
+          </el-form-item>
+          <el-form-item label="处理状态：">
+            <el-select v-model="page.params.refundstatus" placeholder="状态" clearable @keyup.enter.native="getList">
+              <el-option label="待处理" value="0" />
+              <el-option label="已处理" value="1" />
+              <el-option label="已拒绝" value="-1" />
+            </el-select>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="userSearchs">查询</el-button>
+          </el-form-item>
+        </el-form>
+      </div>
+      <div class="Button">
+        <el-button class="export" @click="exports">导出</el-button>
+      </div>
+      <el-table
+        :data="tableList"
+        class="ivu-mt mt14"
+        v-loading="loading"
+        highlight-current-row
+        :row-key="getRowKey"
+        @selection-change="handleSelectRow"
+        empty-text="暂无数据"
+      >
+        <el-table-column type="selection" width="60" :reserve-selection="true"> </el-table-column>
+        <el-table-column label="订单编号" width="180" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.orderCode }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="油站" min-width="120" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.takeSiteName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="申请时间" min-width="120" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.createTime }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="用户账号" min-width="120" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.acctId }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="退款积分" min-width="60" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.refundIntegral }}</span>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="申请状态" min-width="100" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.refundStatus | refundStatus }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="处理时间" min-width="120" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.refundOptTime || '暂无' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" minWidth="100" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" @click="detail(scope.row)">查看订单</el-button>
+            <el-button @click="auth(scope.row, scope)" type="text" v-if="scope.row.refundStatus == '0'">审核</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="acea-row row-right page">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="page.currentPage"
+          :page-sizes="[10, 15, 20, 30]"
+          :page-size="page.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="page.totalCount"
+        />
+      </div>
+
+      <el-drawer title="详情" class="table-detail-drawer" :visible.sync="refundDetailDialog" direction="ltr" size="70%">
+        <orderRefundListDetail :detailData="detailData" @closeDialog="closeDialog" v-if="refundDetailDialog" />
+      </el-drawer>
+
+      <el-dialog title="审核" :visible.sync="verifyDialog" v-el-drag-dialog width="45%">
+        <orderRefundListVerify @getList="getList" @closeDialog="closeDialog" v-if="verifyDialog" :detailData="detailData" />
+      </el-dialog>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import orderInfoApi from '@/api/order/orderInfo.js'
+import orderRefundListDetail from './orderRefundListDetail'
+import orderRefundListVerify from './orderRefundListVerify'
+export default {
+  name: 'product_productList',
+  components: { orderRefundListDetail, orderRefundListVerify },
+
+  filters: {
+    refundStatus(e) {
+      switch (e) {
+        // 0待审核 1 审核通过-1 审核不通过
+        case '0':
+          return '待审核'
+        case '1':
+          return '审核通过'
+        case '-1':
+          return '审核不通过'
+        default:
+          return '暂无'
+      }
+    }
+  },
+  data() {
+    return {
+      template: false,
+      refundDetailDialog: false,
+      verifyDialog: false,
+      batchModal: false,
+      grid: {
+        xl: 6,
+        lg: 8,
+        md: 12,
+        sm: 24,
+        xs: 24
+      },
+      page: {
+        currentPage: 1,
+        pageSize: 10,
+        params: {},
+        totalCount: 0
+      },
+      type: '',
+      tableList: [],
+      loading: false,
+      data: [],
+      total: 0,
+      ids: [],
+      goodsId: '',
+      isProductBox: false,
+      multipleSelection: [],
+      detailData: {} //详情对象
+    }
+  },
+  created() {
+    // delete this.page.params.orderStatus
+
+    this.getList()
+  },
+
+  activated() {},
+  methods: {
+    closeLabel(label) {
+      let index = this.dataLabel.indexOf(this.dataLabel.filter(d => d.id == label.id)[0])
+      this.dataLabel.splice(index, 1)
+    },
+
+    getPath() {},
+    // 导出
+    async exports() {
+      let [th, filekey, data, fileName] = [[], [], [], '']
+      let excelData = JSON.parse(JSON.stringify(this.artFrom))
+      excelData.page = 1
+      excelData.limit = 50
+      excelData.ids = this.ids
+      for (let i = 0; i < excelData.page + 1; i++) {
+        let lebData = await this.getExcelData(excelData)
+        if (!fileName) fileName = lebData.filename
+        if (!filekey.length) {
+          filekey = lebData.fileKey
+        }
+        if (!th.length) th = lebData.header
+        if (lebData.export.length) {
+          data = data.concat(lebData.export)
+          excelData.page++
+        } else {
+          this.$exportExcel(th, filekey, fileName, data)
+          return
+        }
+      }
+    },
+    getExcelData(excelData) {},
+
+    getRowKey(row) {
+      return row.id
+    },
+    //  选中某一行
+    handleSelectRow(selection) {
+      const uniqueArr = []
+      const ids = []
+      for (let i = 0; i < selection.length; i++) {
+        const item = selection[i]
+        if (!ids.includes(item.id)) {
+          uniqueArr.push(item)
+          ids.push(item.id)
+        }
+      }
+      this.ids = ids
+      this.multipleSelection = uniqueArr
+    },
+
+    handleSizeChange(val) {
+      this.page.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.currentPage = val
+      this.getList()
+    },
+
+    // 订单列表；
+    getList() {
+      orderInfoApi.getRefundOrder(this.page).then(res => {
+        if ((res.code = 20000)) ({ list: this.tableList = [], totalCount: this.page.totalCount = 0 } = res.data)
+      })
+    },
+    // 表格搜索
+    userSearchs() {
+      this.page.currentPage = 1
+      this.getList()
+    },
+    closeDialog() {
+      this.verifyDialog = false
+      this.refundDetailDialog = false
+    },
+    // 数据导出；
+    exportData: function() {},
+
+    // 详情
+    detail(row) {
+      orderInfoApi.getRefund(row.id).then(res => {
+        if ((res.code = 20000)) {
+          this.detailData = res.data
+          this.refundDetailDialog = true
+        }
+      })
+    },
+    // 取消
+    auth(row, tit, num) {
+      // orderInfoApi.get(row.id).then(res => {
+      //   if ((res.code = 20000)) {
+      this.detailData = row
+      this.verifyDialog = true
+      console.log(row)
+      // }
+      // })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+::v-deep .el-tabs__item {
+  height: 54px !important;
+  line-height: 54px !important;
+}
+::v-deep .ivu-modal-mask {
+  z-index: 999 !important;
+}
+
+::v-deep .ivu-modal-wrap {
+  z-index: 999 !important;
+}
+
+.Box {
+  ::v-deep .ivu-modal-body {
+    height: 700px;
+    overflow: auto;
+  }
+}
+
+.batch-box {
+  ::v-deep .ivu-modal-body {
+    overflow: auto;
+    min-height: 350px;
+  }
+}
+
+.tabBox_img {
+  width: 36px;
+  height: 36px;
+  border-radius: 4px;
+  cursor: pointer;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.bg {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 11;
+}
+
+::v-deep .happy-scroll-content {
+  width: 100%;
+
+  .demo-spin-icon-load {
+    animation: ani-demo-spin 1s linear infinite;
+  }
+
+  @keyframes ani-demo-spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    50% {
+      transform: rotate(180deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .demo-spin-col {
+    height: 100px;
+    position: relative;
+    border: 1px solid #eee;
+  }
+}
+
+.labelInput {
+  border: 1px solid #dcdee2;
+  width: 100%;
+  padding: 0 15px;
+  border-radius: 5px;
+  min-height: 30px;
+  cursor: pointer;
+  font-size: 12px;
+
+  .span {
+    color: #c5c8ce;
+  }
+
+  .iconxiayi {
+    font-size: 12px;
+  }
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: var(--prev-color-primary);
+  font-size: 12px;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.el-dropdown-menu__item {
+  a {
+    color: #606266;
+  }
+}
+.label_width {
+  width: 400px;
+}
+</style>
diff --git a/src/views/order/orderRefundListDetail.vue b/src/views/order/orderRefundListDetail.vue
new file mode 100644
index 0000000..ebfc475
--- /dev/null
+++ b/src/views/order/orderRefundListDetail.vue
@@ -0,0 +1,265 @@
+<template>
+  <div class="article-manager">
+    <el-card :bordered="false" shadow="never" class="ivu-mt mt16 mb30" :body-style="{ padding: '0 20px 20px' }">
+      <div class="text">退货商品</div>
+      <el-table
+        :data="detailData.mallOrderInfoDetails"
+        class="ivu-mt mt14"
+        highlight-current-row
+        empty-text="暂无数据"
+        show-summary
+        :summary-method="getSummaries"
+      >
+        <el-table-column label="商品图片" min-width="80" align="center" prop="oderDetailImg">
+          <template slot-scope="scope">
+            <el-image style="width: 60px; height: 50px" :src="scope.row.oderDetailImg"> </el-image>
+          </template>
+        </el-table-column>
+        <el-table-column label="商品名称" min-width="120" align="center" prop="productName">
+          <template slot-scope="scope">
+            <span>{{ scope.row.productName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="价格/货号" min-width="120" prop="marketPrice">
+          <template slot-scope="scope">
+            <span>价格：¥{{ scope.row.marketPrice }}</span>
+            <br />
+            <span>货号：{{ scope.row.productNum }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="属性" min-width="60" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.attributeJson }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="数量" min-width="80" align="center" prop="orderNum"> </el-table-column>
+
+        <el-table-column label="小计" min-width="120" align="center" prop="allMarketPrice"> </el-table-column>
+      </el-table>
+
+      <el-descriptions title="基本信息" class="text" :column="1" border>
+        <el-descriptions-item label="订单id">{{ detailData.id }}</el-descriptions-item>
+        <el-descriptions-item label="申请状态">{{ detailData.refundStatus | refundStatus }}</el-descriptions-item>
+        <el-descriptions-item label="订单编号">{{ detailData.orderCode }} </el-descriptions-item>
+        <el-descriptions-item label="申请时间">{{ detailData.createTime }}</el-descriptions-item>
+        <el-descriptions-item label="用户账号">{{ detailData.acctId }}</el-descriptions-item>
+        <el-descriptions-item label="订单金额">¥{{ detailData.marketPrice }}</el-descriptions-item>
+        <el-descriptions-item label="退款积分"> {{ detailData.refundIntegral }} </el-descriptions-item>
+        <el-descriptions-item label="退款类型">{{ detailData.refundType | refundType }}</el-descriptions-item>
+        <el-descriptions-item label="退款原因">{{ detailData.refundMark }}</el-descriptions-item>
+      </el-descriptions>
+
+      <el-descriptions title="" class="text" :column="1" border>
+        <el-descriptions-item label="处理人员">{{ OrderInfoRecord.customerName }}</el-descriptions-item>
+        <el-descriptions-item label="处理时间">{{ OrderInfoRecord.createTime }}</el-descriptions-item>
+        <el-descriptions-item label="操作备注">{{ OrderInfoRecord.remark }} </el-descriptions-item>
+      </el-descriptions>
+    </el-card>
+  </div>
+</template>
+
+<script>
+export default {
+  filters: {
+    refundStatus(e) {
+      switch (e) {
+        // 0待审核 1 审核通过-1 审核不通过
+        case '0':
+          return '待审核'
+        case '1':
+          return '审核通过'
+        case '-1':
+          return '审核不通过'
+        default:
+          return '暂无'
+      }
+    },
+    refundType(e) {
+      //0 退货退款   仅退款
+      switch (e) {
+        case '0':
+          return '退货退款'
+        case '1':
+          return '仅退款'
+        default:
+          return '暂无'
+      }
+    }
+  },
+
+  props: {
+    detailData: {
+      type: Object,
+      default() {}
+    }
+  },
+  data() {
+    return {
+      OrderInfoRecord: {},
+
+      grid: {
+        xl: 6,
+        lg: 8,
+        md: 12,
+        sm: 24,
+        xs: 24
+      }
+    }
+  },
+  created() {
+    if (this.detailData.mallOrderInfoRecords && this.detailData.mallOrderInfoRecords.length > 0) {
+      this.OrderInfoRecord = this.detailData.mallOrderInfoRecords[0]
+    }
+    console.log('----', this.OrderInfoRecord)
+  },
+  activated() {},
+  methods: {
+    getSummaries(param) {
+      // 合计
+      const { columns, data } = param
+      const sums = []
+
+      if (columns && data) {
+        let allMarketPrice = 0 // 交易金额
+
+        data.forEach(item => {
+          allMarketPrice += item.allMarketPrice ? item.allMarketPrice : 0
+        })
+        allMarketPrice = allMarketPrice.toFixed(2)
+
+        columns.forEach((column, index) => {
+          switch (
+            column.property // column.property可以匹配它的每一列的命名， 然后赋值
+          ) {
+            case 'allMarketPrice':
+              sums[index] = '合计' + allMarketPrice + '元' // 值取自后台
+              break
+
+            default:
+              break
+          }
+        })
+        return sums
+      } else {
+        return sums
+      }
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+::v-deep .el-tabs__item {
+  height: 54px !important;
+  line-height: 54px !important;
+}
+::v-deep .ivu-modal-mask {
+  z-index: 999 !important;
+}
+
+::v-deep .ivu-modal-wrap {
+  z-index: 999 !important;
+}
+
+.Box {
+  ::v-deep .ivu-modal-body {
+    height: 700px;
+    overflow: auto;
+  }
+}
+
+.batch-box {
+  ::v-deep .ivu-modal-body {
+    overflow: auto;
+    min-height: 350px;
+  }
+}
+
+.tabBox_img {
+  width: 36px;
+  height: 36px;
+  border-radius: 4px;
+  cursor: pointer;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.bg {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 11;
+}
+
+::v-deep .happy-scroll-content {
+  width: 100%;
+
+  .demo-spin-icon-load {
+    animation: ani-demo-spin 1s linear infinite;
+  }
+
+  @keyframes ani-demo-spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    50% {
+      transform: rotate(180deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .demo-spin-col {
+    height: 100px;
+    position: relative;
+    border: 1px solid #eee;
+  }
+}
+
+.labelInput {
+  border: 1px solid #dcdee2;
+  width: 100%;
+  padding: 0 15px;
+  border-radius: 5px;
+  min-height: 30px;
+  cursor: pointer;
+  font-size: 12px;
+
+  .span {
+    color: #c5c8ce;
+  }
+
+  .iconxiayi {
+    font-size: 12px;
+  }
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: var(--prev-color-primary);
+  font-size: 12px;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.el-dropdown-menu__item {
+  a {
+    color: #606266;
+  }
+}
+.label_width {
+  width: 400px;
+}
+.text {
+  font-size: 16px;
+  font-weight: bold;
+  margin-top: 20px;
+}
+</style>
diff --git a/src/views/order/orderRefundListVerify.vue b/src/views/order/orderRefundListVerify.vue
new file mode 100644
index 0000000..1017206
--- /dev/null
+++ b/src/views/order/orderRefundListVerify.vue
@@ -0,0 +1,93 @@
+<template>
+  <div class="divBox ">
+    <!-- <el-card class="box-card"> -->
+    <!-- <div style="width :100%;height:45px;line-height: 45px;background: #f3f3f3; padding-left:20px">
+        添加广告
+      </div> -->
+    <el-form :rules="rules" ref="form" :model="detailData" class="formValidate " label-width="100px">
+      <el-row>
+        <el-col :span="15">
+          <el-form-item label="订单编号:">
+            <span>{{ detailData.orderCode }}</span>
+          </el-form-item>
+        </el-col>
+
+        <el-col :span="15">
+          <el-form-item label="可退积分:">
+            <span>{{ detailData.integral }}</span>
+          </el-form-item>
+        </el-col>
+        <el-col :span="15">
+          <el-form-item label="退款积分" prop="refundIntegral">
+            <el-input v-model="detailData.refundIntegral" />
+          </el-form-item>
+        </el-col>
+        <el-col :span="15">
+          <el-form-item label="处理备注" prop="markService">
+            <el-input v-model="detailData.markService" placeholder="请输入处理备注" type="textarea" />
+          </el-form-item>
+        </el-col>
+      </el-row>
+
+      <el-form-item>
+        <el-button type="success" class="submission" @click="handleSubmit(1)">确认退款</el-button>
+        <el-button type="danger" :size="$store.getters.size" @click="handleSubmit(-1)">拒绝退款</el-button>
+      </el-form-item>
+    </el-form>
+    <!-- </el-card> -->
+  </div>
+</template>
+<script>
+import orderInfoApi from '@/api/order/orderInfo.js'
+import { loadingFn } from '@/utils/validate'
+export default {
+  props: {
+    detailData: {
+      type: Object,
+      default() {}
+    }
+  },
+  data() {
+    return {
+      detailData: {},
+      Status: null,
+
+      rules: {
+        markService: [{ required: true, message: '请输入处理备注', trigger: 'blur' }],
+        refundIntegral: [{ required: true, message: '请输入退款积分', trigger: 'blur' }]
+      }
+    }
+  },
+  methods: {
+    handleSubmit(type) {
+      this.$refs['form'].validate(valid => {
+        if (valid) {
+          this.detailData.refundStatus = type
+          this.detailData.createSource = 'MALL_COMS_WEB'
+          console.log(this.detailData)
+          loadingFn.call(
+            this,
+            'loading',
+            orderInfoApi.verifyRefundOrder(this.detailData).then(res => {
+              if ((res.code = 20000)) this.$message.success(res.msg)
+              this.$emit('closeDialog')
+              this.$emit('getList')
+            })
+          )
+        }
+      })
+    },
+    uploadSuccess(e, res) {
+      console.log(res)
+      if (res.code == 20000) {
+        this.advertisement.positionImage = res.data.publicUrl
+      }
+    },
+
+    close() {
+      this.$emit('closeDialog')
+    }
+  }
+}
+</script>
+<style scoped lang="stylus"></style>
diff --git a/src/views/order/refundReasonSetting.vue b/src/views/order/refundReasonSetting.vue
new file mode 100644
index 0000000..a535ec1
--- /dev/null
+++ b/src/views/order/refundReasonSetting.vue
@@ -0,0 +1,357 @@
+<template>
+  <div class="article-manager">
+    <el-card :bordered="false" shadow="never" class="ivu-mt mt16" :body-style="{ padding: '0 20px 20px' }">
+      <div class="Button">
+        <el-button class="export" @click="exports" type="primary">添加</el-button>
+      </div>
+      <el-table
+        :data="tableList"
+        class="ivu-mt mt14"
+        v-loading="loading"
+        highlight-current-row
+        :row-key="getRowKey"
+        @selection-change="handleSelectRow"
+        empty-text="暂无数据"
+      >
+        <el-table-column type="selection" width="60" :reserve-selection="true"> </el-table-column>
+        <el-table-column label="原因类型" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.orderCode }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="排序" width="80" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.takeSiteName }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="是否启用" align="center">
+          <template slot-scope="scope">
+            <el-switch
+              :active-value="1"
+              :inactive-value="0"
+              @change="onchangeIsShow(scope.row)"
+              v-model="scope.row.isDownline"
+              active-color="#13ce66"
+              inactive-color="#ff4949"
+            >
+            </el-switch>
+          </template>
+        </el-table-column>
+
+        <el-table-column label="添加时间" align="center">
+          <template slot-scope="scope">
+            <span>{{ scope.row.refundOptTime || '暂无' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="操作" fixed="right" minWidth="100" align="center">
+          <template slot-scope="scope">
+            <el-button type="text" @click="detail(scope.row)">查看订单</el-button>
+            <el-button @click="cancle(scope.row, scope)" type="text" v-if="scope.row.refundStatus == '0'">审核</el-button>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="acea-row row-right page">
+        <el-pagination
+          @size-change="handleSizeChange"
+          @current-change="handleCurrentChange"
+          :current-page="page.currentPage"
+          :page-sizes="[10, 15, 20, 30]"
+          :page-size="page.pageSize"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="page.totalCount"
+        />
+      </div>
+
+      <el-drawer title="详情" class="table-detail-drawer" :visible.sync="refundDetailDialog" direction="ltr" size="70%">
+        <orderRefundListDetail :detailData="detailData" @closeDialog="closeDialog" v-if="refundDetailDialog" />
+      </el-drawer>
+
+      <el-dialog title="审核" :visible.sync="verifyDialog" v-el-drag-dialog width="45%">
+        <orderRefundListVerify @getList="getList" @closeDialog="closeDialog" v-if="verifyDialog" :detailData="detailData" />
+      </el-dialog>
+    </el-card>
+  </div>
+</template>
+
+<script>
+import orderInfoApi from '@/api/order/orderInfo.js'
+import orderRefundListDetail from './orderRefundListDetail'
+import orderRefundListVerify from './orderRefundListVerify'
+export default {
+  name: 'product_productList',
+  components: { orderRefundListDetail, orderRefundListVerify },
+
+  filters: {
+    refundStatus(e) {
+      switch (e) {
+        // 0待审核 1 审核通过-1 审核不通过
+        case '0':
+          return '待审核'
+        case '1':
+          return '审核通过'
+        case '-1':
+          return '审核不通过'
+        default:
+          return '暂无'
+      }
+    }
+  },
+  data() {
+    return {
+      template: false,
+      refundDetailDialog: false,
+      verifyDialog: false,
+      batchModal: false,
+      grid: {
+        xl: 6,
+        lg: 8,
+        md: 12,
+        sm: 24,
+        xs: 24
+      },
+      page: {
+        currentPage: 1,
+        pageSize: 10,
+        params: {},
+        totalCount: 0
+      },
+      type: '',
+      tableList: [],
+
+      loading: false,
+      data: [],
+      total: 0,
+      ids: [],
+      goodsId: '',
+      isProductBox: false,
+      multipleSelection: [],
+      detailData: {} //详情对象
+    }
+  },
+  created() {
+    // delete this.page.params.orderStatus
+
+    this.getList()
+  },
+
+  activated() {},
+  methods: {
+    closeLabel(label) {
+      let index = this.dataLabel.indexOf(this.dataLabel.filter(d => d.id == label.id)[0])
+      this.dataLabel.splice(index, 1)
+    },
+
+    getPath() {},
+    // 导出
+    async exports() {
+      let [th, filekey, data, fileName] = [[], [], [], '']
+      let excelData = JSON.parse(JSON.stringify(this.artFrom))
+      excelData.page = 1
+      excelData.limit = 50
+      excelData.ids = this.ids
+      for (let i = 0; i < excelData.page + 1; i++) {
+        let lebData = await this.getExcelData(excelData)
+        if (!fileName) fileName = lebData.filename
+        if (!filekey.length) {
+          filekey = lebData.fileKey
+        }
+        if (!th.length) th = lebData.header
+        if (lebData.export.length) {
+          data = data.concat(lebData.export)
+          excelData.page++
+        } else {
+          this.$exportExcel(th, filekey, fileName, data)
+          return
+        }
+      }
+    },
+    getExcelData(excelData) {},
+
+    getRowKey(row) {
+      return row.id
+    },
+    //  选中某一行
+    handleSelectRow(selection) {
+      const uniqueArr = []
+      const ids = []
+      for (let i = 0; i < selection.length; i++) {
+        const item = selection[i]
+        if (!ids.includes(item.id)) {
+          uniqueArr.push(item)
+          ids.push(item.id)
+        }
+      }
+      this.ids = ids
+      this.multipleSelection = uniqueArr
+    },
+
+    // tab选择
+    onClickTab(e) {
+      console.log(e)
+      this.page.params.orderStatus = e.name
+      this.page.currentPag = 1
+      this.multipleSelection = []
+      // this.$refs.table.clearSelection()
+      this.getList()
+    },
+
+    handleSizeChange(val) {
+      this.page.pageSize = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.page.currentPage = val
+      this.getList()
+    },
+
+    // 订单列表；
+    getList() {
+      orderInfoApi.getRefundOrder(this.page).then(res => {
+        if ((res.code = 20000)) ({ list: this.tableList = [], totalCount: this.page.totalCount = 0 } = res.data)
+      })
+    },
+    // 表格搜索
+    userSearchs() {
+      this.page.currentPage = 1
+      this.getList()
+    },
+    closeDialog() {
+      this.verifyDialog = false
+      this.refundDetailDialog = false
+    },
+    // 数据导出；
+    exportData: function() {},
+
+    // 详情
+    detail(row) {
+      orderInfoApi.get(row.id).then(res => {
+        if ((res.code = 20000)) {
+          this.detailData = res.data
+          this.refundDetailDialog = true
+        }
+      })
+    },
+    // 取消
+    cancle(row, tit, num) {
+      // orderInfoApi.get(row.id).then(res => {
+      //   if ((res.code = 20000)) {
+      this.detailData = row
+      this.verifyDialog = true
+      console.log(row)
+      // }
+      // })
+    }
+  }
+}
+</script>
+<style scoped lang="scss">
+::v-deep .el-tabs__item {
+  height: 54px !important;
+  line-height: 54px !important;
+}
+::v-deep .ivu-modal-mask {
+  z-index: 999 !important;
+}
+
+::v-deep .ivu-modal-wrap {
+  z-index: 999 !important;
+}
+
+.Box {
+  ::v-deep .ivu-modal-body {
+    height: 700px;
+    overflow: auto;
+  }
+}
+
+.batch-box {
+  ::v-deep .ivu-modal-body {
+    overflow: auto;
+    min-height: 350px;
+  }
+}
+
+.tabBox_img {
+  width: 36px;
+  height: 36px;
+  border-radius: 4px;
+  cursor: pointer;
+
+  img {
+    width: 100%;
+    height: 100%;
+  }
+}
+
+.bg {
+  position: fixed;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background: rgba(0, 0, 0, 0.5);
+  z-index: 11;
+}
+
+::v-deep .happy-scroll-content {
+  width: 100%;
+
+  .demo-spin-icon-load {
+    animation: ani-demo-spin 1s linear infinite;
+  }
+
+  @keyframes ani-demo-spin {
+    from {
+      transform: rotate(0deg);
+    }
+
+    50% {
+      transform: rotate(180deg);
+    }
+
+    to {
+      transform: rotate(360deg);
+    }
+  }
+
+  .demo-spin-col {
+    height: 100px;
+    position: relative;
+    border: 1px solid #eee;
+  }
+}
+
+.labelInput {
+  border: 1px solid #dcdee2;
+  width: 100%;
+  padding: 0 15px;
+  border-radius: 5px;
+  min-height: 30px;
+  cursor: pointer;
+  font-size: 12px;
+
+  .span {
+    color: #c5c8ce;
+  }
+
+  .iconxiayi {
+    font-size: 12px;
+  }
+}
+.el-dropdown-link {
+  cursor: pointer;
+  color: var(--prev-color-primary);
+  font-size: 12px;
+}
+.el-icon-arrow-down {
+  font-size: 12px;
+}
+.el-dropdown-menu__item {
+  a {
+    color: #606266;
+  }
+}
+.label_width {
+  width: 400px;
+}
+</style>