From 48f7c566b7f826b73d6e4215c3d1edb8803b8008 Mon Sep 17 00:00:00 2001
From: weipengfei <2187978347@qq.com>
Date: Mon, 9 Oct 2023 13:46:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E6=8A=BC=E9=87=91=E5=85=85?=
 =?UTF-8?q?=E5=80=BC=E8=AE=B0=E5=BD=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                     |   8 +-
 src/api/accounts.js                  |   7 +
 src/libs/constants.js                |  38 +++++
 src/router/modules/accounts.js       |  11 +-
 src/views/accounts/deposit/index.vue | 238 +++++++++++++++++++++++++++
 5 files changed, 297 insertions(+), 5 deletions(-)
 create mode 100644 src/libs/constants.js
 create mode 100644 src/views/accounts/deposit/index.vue

diff --git a/.env.development b/.env.development
index f776270..ae8f67e 100644
--- a/.env.development
+++ b/.env.development
@@ -3,12 +3,12 @@ ENV = 'development'
 
 # base api
 #VUE_APP_BASE_API = 'http://127.0.0.1:8325'
- VUE_APP_BASE_API = 'https://shop.lihaink.cn'
-#  VUE_APP_BASE_API = 'https://crmeb-test.shop.lihaink.cn'
+#  VUE_APP_BASE_API = 'https://shop.lihaink.cn'
+ VUE_APP_BASE_API = 'https://crmeb-test.shop.lihaink.cn'
 # socket 连接地址
 #VUE_APP_WS_URL = 'ws://192.168.3.20:8324'
-VUE_APP_WS_URL = 'wss://shop.lihaink.cn'
-# VUE_APP_WS_URL = 'wss://crmeb-test.shop.lihaink.cn'
+# VUE_APP_WS_URL = 'wss://shop.lihaink.cn'
+VUE_APP_WS_URL = 'wss://crmeb-test.shop.lihaink.cn'
 
 # vue-cli uses the VUE_CLI_BABEL_TRANSPILE_MODULES environment variable,
 # to control whether the babel-plugin-dynamic-import-node plugin is enabled.
diff --git a/src/api/accounts.js b/src/api/accounts.js
index 3c3edb8..516a573 100644
--- a/src/api/accounts.js
+++ b/src/api/accounts.js
@@ -133,3 +133,10 @@ export function downloadFinancialApi(type, data) {
 export function getStatisticsApi(data) {
   return request.get(`financial_record/count`,data)
 }
+
+/**
+ * @description 保证金充值记录 -- 列表
+ */
+export function depositListApi(data) {
+  return request.get(`/bill/deposit`, data)
+}
diff --git a/src/libs/constants.js b/src/libs/constants.js
new file mode 100644
index 0000000..c285049
--- /dev/null
+++ b/src/libs/constants.js
@@ -0,0 +1,38 @@
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+export const switchStatus = [
+  { label: '开启', value: 1 },
+  { label: '关闭', value: 0 }
+]
+
+export const 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' }
+  ]
+}
+
+export const statusList = {
+  title: '状态',
+  custom: true,
+  fromTxt: [
+    { text: '全部', val: '' },
+    { text: '待审核', val: '0' },
+    { text: '审核已通过', val: '1' },
+    { text: '审核未通过', val: '2' }
+  ]
+}
diff --git a/src/router/modules/accounts.js b/src/router/modules/accounts.js
index f6179b9..627a1a1 100644
--- a/src/router/modules/accounts.js
+++ b/src/router/modules/accounts.js
@@ -75,7 +75,16 @@ const accountsRouter =
           noCache: true
         },
         component: () => import('@/views/accounts/payType')
-      }
+      },
+      {
+        path: 'deposit',
+        name: 'AccountsDeposit',
+        meta: {
+          title: '押金充值记录',
+          noCache: true
+        },
+        component: () => import('@/views/accounts/deposit/index')
+      },
     ]
   }
 export default accountsRouter
diff --git a/src/views/accounts/deposit/index.vue b/src/views/accounts/deposit/index.vue
new file mode 100644
index 0000000..9e486e2
--- /dev/null
+++ b/src/views/accounts/deposit/index.vue
@@ -0,0 +1,238 @@
+<template>
+  <div class="divBox">
+    <el-card class="box-card">
+      <div slot="header" class="clearfix">
+        <div class="container">
+          <el-form size="small" label-width="100px">
+            <el-form-item label="时间选择：" class="width100">
+              <!-- <el-radio-group
+                v-model="tableFrom.date"
+                type="button"
+                class="mr20"
+                size="small"
+                @change="selectChange(tableFrom.date)"
+              >
+                <el-radio-button
+                  v-for="(item, i) in fromList.fromTxt"
+                  :key="i"
+                  :label="item.val"
+                  >{{ item.text }}</el-radio-button
+                >
+              </el-radio-group> -->
+              <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: 250px"
+                @change="onchangeTime"
+              />
+            </el-form-item>
+            <!-- <el-form-item label="是否支付：">
+              <el-radio-group
+                v-model="tableFrom.paid"
+                type="button"
+                size="small"
+                @change="getList(1)"
+              >
+                <el-radio-button label="">全部</el-radio-button>
+                <el-radio-button label="1">已支付</el-radio-button>
+                <el-radio-button label="0">未支付</el-radio-button>
+              </el-radio-group>
+            </el-form-item> -->
+            <el-form-item label="关键字：" class="width100">
+              <el-input
+                v-model="tableFrom.keyword"
+                @keyup.enter.native="getList(1)"
+                placeholder="请输入商户名称"
+                class="selWidth"
+                size="small"
+                clearable
+                @clear="getList(1)"
+              >
+                <el-button
+                  slot="append"
+                  icon="el-icon-search"
+                  size="small"
+                  class="el-button-solt"
+                  @click="getList(1)"
+                />
+              </el-input>
+            </el-form-item>
+          </el-form>
+        </div>
+        <cards-data :card-lists="cardLists" />
+      </div>
+      <el-table
+        v-loading="listLoading"
+        :data="tableData.data"
+        style="width: 100%"
+        size="mini"
+        class="table"
+        highlight-current-row
+      >
+        <el-table-column prop="order_id" label="ID" width="60" />
+        <el-table-column label="头像" min-width="80">
+          <template slot-scope="scope">
+            <div v-if="scope.row.avatar" class="demo-image__preview">
+              <el-image
+                :src="scope.row.avatar"
+                :preview-src-list="[scope.row.avatar]"
+              />
+            </div>
+            <img
+              v-else
+              src="../../../assets/images/f.png"
+              alt=""
+              style="width: 36px; height: 36px; vertical-align: top"
+            />
+          </template>
+        </el-table-column>
+        <el-table-column prop="nickname" label="用户昵称" min-width="130">
+          <template slot-scope="scope">
+            <span class="spBlock">{{
+              scope.row.nickname + " / " + scope.row.mer_name
+            }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column prop="order_sn" label="订单号" min-width="180" />
+        <el-table-column
+          sortable
+          label="支付金额"
+          min-width="120"
+          prop="total_price"
+        />
+        <el-table-column label="是否支付" min-width="80">
+          <template slot-scope="scope">
+            <span class="spBlock">{{ scope.row.paid | payStatusFilter }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="支付时间" min-width="150">
+          <template slot-scope="scope">
+            <span class="spBlock">{{ scope.row.pay_time || "无" }}</span>
+          </template>
+        </el-table-column>
+      </el-table>
+      <div class="block">
+        <el-pagination
+          :page-sizes="[20, 40, 60, 80]"
+          :page-size="tableFrom.limit"
+          :current-page="tableFrom.page"
+          layout="total, sizes, prev, pager, next, jumper"
+          :total="tableData.total"
+          @size-change="handleSizeChange"
+          @current-change="pageChange"
+        />
+      </div>
+    </el-card>
+  </div>
+</template>
+
+<script>
+// +----------------------------------------------------------------------
+// | CRMEB [ CRMEB赋能开发者，助力企业发展 ]
+// +----------------------------------------------------------------------
+// | Copyright (c) 2016~2021 https://www.crmeb.com All rights reserved.
+// +----------------------------------------------------------------------
+// | Licensed CRMEB并不是自由软件，未经许可不能去掉CRMEB相关版权
+// +----------------------------------------------------------------------
+// | Author: CRMEB Team <admin@crmeb.com>
+// +----------------------------------------------------------------------
+import { depositListApi, rechargeTotalApi } from '@/api/accounts'
+import cardsData from '@/components/cards/index'
+import { fromList } from '@/libs/constants.js'
+export default {
+  name: 'AccountsDeposit',
+  components: { cardsData },
+  data () {
+    return {
+      cardLists: [],
+      timeVal: [],
+      tableData: {
+        data: [],
+        total: 0
+      },
+      listLoading: true,
+      tableFrom: {
+        paid: '',
+        date: '',
+        keyword: '',
+        mer_id: '',
+        page: 1,
+        limit: 20,
+      },
+      fromList: fromList
+    }
+  },
+  mounted () {
+    // console.log('ss', this.$store.state.user);
+    this.getList()
+    this.getStatistics()
+  },
+  methods: {
+    // 选择时间
+    selectChange (tab) {
+      this.tableFrom.date = tab
+      this.timeVal = []
+      this.tableFrom.page = 1;
+      this.getList()
+    },
+    // 具体日期
+    onchangeTime (e) {
+      this.timeVal = e
+      // this.tableFrom.date = e ? [...this.timeVal] : [];
+      this.tableFrom.date = e ? this.timeVal.join(' ') : '';
+      this.tableFrom.page = 1;
+      this.getList()
+    },
+    // 列表
+    getList (num) {
+      this.listLoading = true
+      this.tableFrom.page = num ? num : this.tableFrom.page;
+      depositListApi(this.tableFrom).then(res => {
+        console.log(res);
+        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()
+    },
+    // 统计
+    getStatistics () {
+      this.StatisticsLoading = true
+      rechargeTotalApi().then(res => {
+        const stat = res.data
+        this.cardLists = [
+          // { name: '充值总金额', count: stat.totalPayPrice, className: 'el-icon-s-goods' },
+          // { name: '充值退款金额', count: stat.totalRefundPrice, className: 'el-icon-s-order' },
+          // { name: '小程序充值金额', count: stat.totalRoutinePrice, className: 'el-icon-s-cooperation' },
+          // { name: '公众号充值金额', count: stat.totalWxPrice, className: 'el-icon-s-finance' }
+        ]
+        this.StatisticsLoading = false
+      }).catch((res) => {
+        this.$message.error(res.message)
+        this.StatisticsLoading = false
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.selWidth {
+  width: 500px;
+}
+</style>