审核

vue/gold-system/src/views/audit/rechargeAudit.vue

@@ -1,13 +1,543 @@
 <script setup>
+import { ref, onMounted, reactive, computed } from "vue";
+import ElementPlus from "element-plus";
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { AiFillRead } from "vue-icons-plus/ai";
+import axios from 'axios';
+import moment from 'moment';
+// 变量
+// 充值明细表格
+const tableData = ref([]);
+// 搜索======================================
+// 搜索rechargeVo
+const rechargeVo = ref({});
+// 搜索对象
+const getObj = ref({
+    pageNum: 1,
+    pageSize: 5,
+});
+//分页总条目
+const total = ref(100);
+// 搜索对象时间
+const getTime = ref([]);
+// 搜索活动列表
+const activity = ref([]);
+// 所有信息
+const allData = ref([]);
+// 搜索地区列表
+const area = ref([]);
+
+// 编辑======================================
+// 驳回弹出框
+const rejectVisible = ref(false);
+// 驳回对象
+const rejectObj = ref({});
+// 通过对象
+const passObj = ref({});
+
+//标签页默认高亮选项
+const activeName = ref('all')
+
+// 支付方式选项
+const payWay = [
+    {
+        value: '微信',
+        label: '微信',
+    },
+    {
+        value: '支付宝',
+        label: '支付宝',
+    },
+    {
+        value: '银联',
+        label: '银联',
+    },
+    {
+        value: '信用卡',
+        label: '信用卡',
+    },
+    {
+        value: '借记卡',
+        label: '借记卡',
+    },
+]
+
+//表格高度
+const tableHeight = computed(function () {
+    return (getObj.value.pageSize + 2) * 60 + 'px';
+});
+
+// 表单验证ref
+const Ref = ref(null);
+
+// 方法
+// 搜索==============================================================
+// 搜索方法
+const get = async function (val) {
+    try {
+        // 搜索参数页码赋值 
+        if (typeof val === 'number') {
+            getObj.value.pageNum = val;
+        }
+        // 搜索参数时间赋值
+        if (getTime.value != null) {
+            if (getTime.value.startDate != '' && getTime.value.endDate != '') {
+                rechargeVo.value.startDate = getTime.value[0];
+                rechargeVo.value.endDate = getTime.value[1];
+            }
+        } else {
+            rechargeVo.value.startDate = '';
+            rechargeVo.value.endDate = '';
+        }
+        console.log('搜索参数', getObj.value);
+        // 发送POST请求
+        const result = await axios.post('http://192.168.8.93:10010/recharge/recharge', { ...getObj.value, rechargeVo: { ...rechargeVo.value } });
+
+        // 将响应结果存储到响应式数据中
+        console.log('请求成功', result);
+        // 存储表格数据
+        tableData.value = result.data.data.list;
+        console.log('tableData', tableData.value);
+        // 存储分页总数
+        total.value = result.data.data.total;
+        console.log('total', total.value);
+    } catch (error) {
+        console.log('请求失败', error);
+        // 在这里可以处理错误逻辑，比如显示错误提示等
+    }
+}
+// 重置
+const reset = function () {
+    rechargeVo.value.activityId = '';
+    rechargeVo.value.payWay = '';
+    rechargeVo.value.area = '';
+    rechargeVo.value.startDate = '';
+    rechargeVo.value.endDate = '';
+    get();
+}
+// 今天
+const getToday = function () {
+    const today = new Date();
+    const startDate = new Date(today.getFullYear(), today.getMonth(), today.getDate());
+    const endDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
+    getTime.value = [startDate, endDate];
+    console.log('getTime', getTime.value);
+    get();
+}
+// 昨天
+const getYesterday = function () {
+    const yesterday = new Date();
+    yesterday.setDate(yesterday.getDate() - 1);
+    const startDate = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate());
+    const endDate = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate() + 1);
+    getTime.value = [startDate, endDate];
+    console.log('getTime', getTime.value);
+    get();
+}
+// 近7天
+const get7Days = function () {
+    const today = new Date();
+    const startDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 6);
+    const endDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
+    getTime.value = [startDate, endDate];
+    console.log('getTime', getTime.value);
+    get();
+}
+//全部充值明细
+const adminAll = function () {
+    console.log('adminAll');
+    rechargeVo.value.status = '';
+    get();
+}
+//待审核充值明细
+const adminWait = function () {
+    rechargeVo.value.status = 0;
+    get();
+    console.log('adminWait');
+}
+//已通过充值明细
+const adminPass = function () {
+    rechargeVo.value.status = 1;
+    get();
+    console.log('adminPass');
+}
+//点击标签页
+const handleClick = function (tab, event) {
+    if (tab.props.name === 'all') {
+        adminAll();
+    } else if (tab.props.name === 'wait') {
+        adminWait();
+    } else if (tab.props.name === 'pass') {
+        adminPass();
+    }
+}
+// 获取活动名称
+const getActivity = async function () {
+    try {
+        // 发送POST请求
+        const result = await axios.post('http://192.168.8.93:10010/recharge/activity/select', {});
+
+        // 将响应结果存储到响应式数据中
+        console.log('请求成功', result);
+        // 存储表格数据
+        activity.value = result.data.data;
+        console.log('activity', activity.value);
+    } catch (error) {
+        console.log('请求失败', error);
+        // 在这里可以处理错误逻辑，比如显示错误提示等
+    }
+}
+// 获取地区
+const getArea = async function () {
+    try {
+        // 发送POST请求
+        const result = await axios.post('http://192.168.8.93:10010/recharge/recharge', {});
+        // 将响应结果存储到响应式数据中
+        console.log('请求成功', result);
+        // 存储全部数据
+        allData.value = result.data.data;
+        console.log('allData', allData.value);
+        // 分离并去重地区列表
+        area.value = [...new Set(allData.value.map(item => item.area))]
+        console.log('地区', area.value);
+    } catch (error) {
+        console.log('请求失败', error);
+        // 在这里可以处理错误逻辑，比如显示错误提示等
+    }
+
+}
+// 验证跳转输入框的数字是否合法
+const checkNumber = function () {
+    if (typeof parseInt(getObj.value.pageNum) === 'number') {
+        console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize));
+        if ((getObj.value.pageNum > 0) && (getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize))) {
+            console.log('输入的数字合法');
+            get();
+        } else {
+            //提示
+            ElMessage({
+                type: 'error',
+                message: '请检查输入内容',
+            })
+        }
+    } else {
+        //提示
+        ElMessage({
+            type: 'error',
+            message: '请检查输入内容',
+        })
+    }
+}
+
+// 编辑====================================
+// 通过按钮
+const pass = function (row) {
+    // 通过初始化
+    passObj.value.auditId = row.rechargeId;
+    passObj.value.status = 1;
+    console.log('通过对象', passObj.value);
+}
+
+// 通过确认
+const passConfirm = async function () {
+
+    try {
+        console.log('通过对象', passObj.value);
+        // 发送POST请求
+        const result = await axios.post('http://192.168.8.93:10030/audit/audit/edit', passObj.value);
+
+        // 将响应结果存储到响应式数据中
+        console.log('请求成功', result);
+        // 刷新表格数据
+        get();
+        //提示
+        ElMessage({
+            type: 'success',
+            message: '通过成功！',
+
+        })
+    } catch (error) {
+        console.log('请求失败', error);
+        // 在这里可以处理错误逻辑，比如显示错误提示等
+    }
+}
+
+// 打开驳回弹出框
+const openRejectVisible = function () {
+    rejectVisible.value = true;
+}
+// 关闭驳回弹出框
+const closeRejectVisible = function () {
+    rejectVisible.value = false;
+}
+// 驳回按钮
+const reject = function (row) {
+    // 驳回初始化
+    rejectObj.value.auditId = row.rechargeId;
+    rejectObj.value.status = 2;
+    rejectObj.value.reson = '';
+    console.log('驳回对象', rejectObj.value);
+    openRejectVisible();
+}
+// 驳回确认
+const rejectConfirm = async function () {
+    Ref.value.validate(async (valid) => {
+        if (valid) {
+            try {
+                console.log('驳回对象', rejectObj.value);
+                // 发送POST请求
+                const result = await axios.post('http://192.168.8.93:10030/audit/audit/edit', rejectObj.value);
+
+                // 将响应结果存储到响应式数据中
+                console.log('请求成功', result);
+                // 刷新表格数据
+                get();
+                // 关闭弹出框
+                closeRejectVisible();
+                //提示
+                ElMessage({
+                    type: 'success',
+                    message: '驳回成功！',
+                })
+            } catch (error) {
+                console.log('请求失败', error);
+                // 在这里可以处理错误逻辑，比如显示错误提示等
+            }
+        } else {
+            //提示
+            ElMessage({
+                type: 'error',
+                message: '请检查输入内容',
+            })
+        }
+
+    })
+
+}
+
+// 表单验证
+
+const rules = reactive({
+    reson: [{ required: true, message: '请输入驳回理由', trigger: 'blur' },],
+})
+
+// 挂载
+onMounted(async function () {
+    await get();
+    getActivity();
+    await getArea();
+})
 
 </script>
 
 <template>
+    <el-row>
+        <el-col>
+            <el-card style="margin-bottom: 20px">
+                <el-row style="margin-bottom: 10px;">
+                    <el-col :span="8">
+                        <div class="head-card-element">
+                            <el-text class="mx-1" size="large">活动名称：</el-text>
+                            <el-select v-model="rechargeVo.activityId" placeholder="请选择活动名称" size="large"
+                                style="width: 240px">
+                                <el-option v-for="item in activity" :key="item.activityId" :label="item.activityName"
+                                    :value="item.activityId" />
+                            </el-select>
+                        </div>
+                    </el-col>
+                    <el-col :span="8">
+                        <div class="head-card-element">
+                            <el-text class="mx-1" size="large">支付方式：</el-text>
+                            <el-select v-model="rechargeVo.payWay" placeholder="请选择支付方式" size="large"
+                                style="width: 240px">
+                                <el-option v-for="item in payWay" :key="item.value" :label="item.label"
+                                    :value="item.value" />
+                            </el-select>
+                        </div>
+
+                    </el-col>
+                    <el-col :span="8">
+                        <div class="head-card-element">
+                            <el-text class="mx-1" size="large">所属地区：</el-text>
+                            <el-select v-model="rechargeVo.area" placeholder="请选择所属地区" size="large"
+                                style="width: 240px">
+                                <el-option v-for="item in area" :key="item" :label="item" :value="item" />
+                            </el-select>
+                        </div>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="21">
+                        <div class="head-card-element">
+                            <el-text class="mx-1" size="large">充值时间：</el-text>
+                            <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
+                                start-placeholder="起始时间" end-placeholder="结束时间" />
+                            <el-button style="margin-left: 10px;" @click="getToday()">今</el-button>
+                            <el-button @click="getYesterday()">昨</el-button>
+                            <el-button @click="get7Days()">近7天</el-button>
+                        </div>
+                    </el-col>
+                    <el-col :span="3">
+                        <div class="head-card-btn">
+                            <el-button @click="reset()">重置</el-button>
+                            <el-button type="primary" @click="get()">查询</el-button>
+                        </div>
+                    </el-col>
+                </el-row>
+            </el-card>
+        </el-col>
+    </el-row>
+    <el-row>
+        <el-col>
+            <el-card>
+                <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
+                    <el-tab-pane label="全部" name="all"></el-tab-pane>
+                    <el-tab-pane label="待审核" name="wait"></el-tab-pane>
+                    <el-tab-pane label="已通过" name="pass"></el-tab-pane>
+                </el-tabs>
                 <div>
-        <h1>Recharge Audit</h1>
+                    <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+                        <el-table-column prop="username" label="姓名" width="100px" />
+                        <el-table-column prop="homilyId" label="精网号" width="150px" />
+                        <el-table-column prop="area" label="所属地区" width="100px" />
+                        <el-table-column prop="activityName" label="活动名称" width="150px" />
+                        <el-table-column prop="rechargeGold" label="充值金额" width="100px" />
+                        <el-table-column prop="rechargeWay" label="充值方式" width="100px" />
+                        <el-table-column prop="paidGold" label="充值金币" width="100px" />
+                        <el-table-column prop="freeGold" label="免费金币" width="100px" />
+                        <el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip />
+                        <el-table-column prop="payWay" label="支付方式" width="100px" />
+                        <el-table-column prop="rechargeVoucher" label="支付凭证" width="150px">
+                            <template #default="scope">
+                                <el-image :src="scope.row.rechargeVoucher" alt="凭证" style="width: 50px; height: 50px" />
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="name" label="提交人" width="100px" />
+                        <el-table-column prop="status" label="状态" width="100px">
+                            <template #default="scope">
+                                <span v-if="scope.row.status === 1">
+                                    <div class="status">
+                                        <span class="green-dot"></span>
+                                        <span>已通过</span>
+                                    </div>
+                                </span>
+                                <span v-if="scope.row.status === 0">
+                                    <div class="status">
+                                        <span class="grey-dot"></span>
+                                        <span>待审核</span>
+                                    </div>
+                                </span>
+                                <span v-if="scope.row.status === 2">
+                                    <div class="status">
+                                        <span class="red-dot"></span>
+                                        <span>已驳回</span>
+                                    </div>
+                                </span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="reson" label="驳回理由" width="200px" show-overflow-tooltip />
+                        <el-table-column prop="rechargeTime" label="交款时间" width="200px">
+                            <template #default="scope">
+                                {{ moment(scope.row.rechargeTime).format('YYYY-MM-DD HH:mm:ss') }}
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="createTime" label="提交时间" width="200px" />
+                        <el-table-column fixed="right" prop="operation" label="操作" width="150px">
+                            <template #default="scope">
+                                <div class="operation">
+                                    <el-popconfirm title="确定要通过此条记录吗？" @confirm="passConfirm">
+                                        <template #reference>
+                                            <el-button :disabled='((scope.row.status === 1 )||(scope.row.status === 2)) ? true : false'
+                                                type="primary" text @click="pass(scope.row)">
+                                                通过
+                                            </el-button>
+                                        </template>
+                                        <template #actions="{ confirm, cancel }">
+                                            <el-button size="small" @click="cancel">取消</el-button>
+                                            <el-button type="primary" size="small" @click="confirm">
+                                                确定
+                                            </el-button>
+                                        </template>
+                                    </el-popconfirm>
+                                    <el-button :disabled='((scope.row.status === 1 )||(scope.row.status === 2)) ? true : false' type="primary" text
+                                        @click="reject(scope.row)">
+                                        驳回
+                                    </el-button>
+                                </div>
+                            </template>
+
+                        </el-table-column>
+                    </el-table>
+                </div>
+
+                <!-- 分页 -->
+                <div class="pagination">
+                    <el-pagination background :page-size="getObj.pageSize" layout="slot" :total="total">
+                        <div>共{{ total }}条,每页 </div>
+                        <el-select v-model="getObj.pageSize" class="page-size" @change="get()" style="width: 80px">
+                            <el-option v-for="item in [5, 6, 7, 8, 9, 10]" :key="item" :label="item"
+                                :value="item"></el-option>
+                        </el-select>
+                        <div> 条</div>
+                    </el-pagination>
+                    <el-pagination background layout="prev, pager, next,slot" :page-size="getObj.pageSize"
+                        :total="total" :current-page="getObj.pageNum" @current-change="get">
+                        <div>跳至</div>
+                        <el-input v-model="getObj.pageNum" style="width: 40px;" @change="checkNumber" />
+                        <div>页</div>
+                    </el-pagination>
+                </div>
+            </el-card>
+        </el-col>
+    </el-row>
+
+    <!-- 驳回弹出框 -->
+    <el-dialog v-model="rejectVisible" title="驳回理由" width="500" :before-close="closeRejectVisible">
+        <template #footer>
+
+            <el-form :model="rejectObj" ref="Ref" :rules="rules" label-width="auto" style="max-width: 600px">
+
+                <el-form-item prop="reson" label="驳回理由:">
+                    <el-input v-model="rejectObj.reson" maxlength="150" show-word-limit style="width: 350px"
+                        type="textarea" placeholder="请输入内容" />
+                </el-form-item>
+
+
+            </el-form>
+
+            <div class="dialog-footer">
+                <el-button @click="closeRejectVisible()">取消</el-button>
+                <el-button type="primary" @click="rejectConfirm()">
+                    确定
+                </el-button>
             </div>
         </template>
+    </el-dialog>
+
+</template>
 
 <style scoped>
+.pagination {
+    display: flex;
+}
+
+.status {
+    display: flex;
+}
+
+.operation {
+    display: flex;
+}
+
+.head-card {
+    display: flex;
+}
+
+.head-card-element {
+    margin-right: 20px;
+}
 
+.head-card-btn {
+    margin-left: auto;
+}
 </style>

vue/gold-system/src/views/audit/refundAudit.vue

@@ -1,13 +1,537 @@
 <script setup>
+import { ref, onMounted, reactive, computed } from "vue";
+import ElementPlus from "element-plus";
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { AiFillRead } from "vue-icons-plus/ai";
+import axios from 'axios';
+import moment from 'moment';
+// 变量
+// 充值明细表格
+const tableData = ref([]);
+// 搜索======================================
+// 搜索rechargeVo
+const rechargeVo = ref({});
+// 搜索对象
+const getObj = ref({
+    pageNum: 1,
+    pageSize: 5,
+});
+//分页总条目
+const total = ref(100);
+// 搜索对象时间
+const getTime = ref([]);
+// 搜索活动列表
+const activity = ref([]);
+// 所有信息
+const allData = ref([]);
+// 搜索地区列表
+const area = ref([]);
+
+// 编辑======================================
+// 驳回弹出框
+const rejectVisible = ref(false);
+// 驳回对象
+const rejectObj = ref({});
+// 通过对象
+const passObj = ref({});
+
+//标签页默认高亮选项
+const activeName = ref('all')
+
+// 支付方式选项
+const payWay = [
+    {
+        value: '微信',
+        label: '微信',
+    },
+    {
+        value: '支付宝',
+        label: '支付宝',
+    },
+    {
+        value: '银联',
+        label: '银联',
+    },
+    {
+        value: '信用卡',
+        label: '信用卡',
+    },
+    {
+        value: '借记卡',
+        label: '借记卡',
+    },
+]
+
+//表格高度
+const tableHeight = computed(function () {
+    return (getObj.value.pageSize + 2) * 60 + 'px';
+});
+
+// 表单验证ref
+const Ref = ref(null);
+
+// 方法
+// 搜索==============================================================
+// 搜索方法
+const get = async function (val) {
+    try {
+        // 搜索参数页码赋值 
+        if (typeof val === 'number') {
+            getObj.value.pageNum = val;
+        }
+        // 搜索参数时间赋值
+        if (getTime.value != null) {
+            if (getTime.value.startDate != '' && getTime.value.endDate != '') {
+                rechargeVo.value.startDate = getTime.value[0];
+                rechargeVo.value.endDate = getTime.value[1];
+            }
+        } else {
+            rechargeVo.value.startDate = '';
+            rechargeVo.value.endDate = '';
+        }
+        console.log('搜索参数', getObj.value);
+        // 发送POST请求
+        const result = await axios.post('http://192.168.8.93:10030/audit/audit/refund', { ...getObj.value, rechargeVo: { ...rechargeVo.value } });
+
+        // 将响应结果存储到响应式数据中
+        console.log('请求成功', result);
+        // 存储表格数据
+        tableData.value = result.data.data.list;
+        console.log('tableData', tableData.value);
+        // 存储分页总数
+        total.value = result.data.data.total;
+        console.log('total', total.value);
+    } catch (error) {
+        console.log('请求失败', error);
+        // 在这里可以处理错误逻辑，比如显示错误提示等
+    }
+}
+// 重置
+const reset = function () {
+    rechargeVo.value.activityId = '';
+    rechargeVo.value.payWay = '';
+    rechargeVo.value.area = '';
+    rechargeVo.value.startDate = '';
+    rechargeVo.value.endDate = '';
+    get();
+}
+// 今天
+const getToday = function () {
+    const today = new Date();
+    const startDate = new Date(today.getFullYear(), today.getMonth(), today.getDate());
+    const endDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
+    getTime.value = [startDate, endDate];
+    console.log('getTime', getTime.value);
+    get();
+}
+// 昨天
+const getYesterday = function () {
+    const yesterday = new Date();
+    yesterday.setDate(yesterday.getDate() - 1);
+    const startDate = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate());
+    const endDate = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate() + 1);
+    getTime.value = [startDate, endDate];
+    console.log('getTime', getTime.value);
+    get();
+}
+// 近7天
+const get7Days = function () {
+    const today = new Date();
+    const startDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 6);
+    const endDate = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1);
+    getTime.value = [startDate, endDate];
+    console.log('getTime', getTime.value);
+    get();
+}
+//全部充值明细
+const adminAll = function () {
+    console.log('adminAll');
+    rechargeVo.value.status = '';
+    get();
+}
+//待审核充值明细
+const adminWait = function () {
+    rechargeVo.value.status = 0;
+    get();
+    console.log('adminWait');
+}
+//已通过充值明细
+const adminPass = function () {
+    rechargeVo.value.status = 1;
+    get();
+    console.log('adminPass');
+}
+//点击标签页
+const handleClick = function (tab, event) {
+    if (tab.props.name === 'all') {
+        adminAll();
+    } else if (tab.props.name === 'wait') {
+        adminWait();
+    } else if (tab.props.name === 'pass') {
+        adminPass();
+    }
+}
+// 获取活动名称
+const getActivity = async function () {
+    try {
+        // 发送POST请求
+        const result = await axios.post('http://192.168.8.93:10010/recharge/activity/select', {});
+
+        // 将响应结果存储到响应式数据中
+        console.log('请求成功', result);
+        // 存储表格数据
+        activity.value = result.data.data;
+        console.log('activity', activity.value);
+    } catch (error) {
+        console.log('请求失败', error);
+        // 在这里可以处理错误逻辑，比如显示错误提示等
+    }
+}
+// 获取地区
+const getArea = async function () {
+    try {
+        // 发送POST请求
+        const result = await axios.post('http://192.168.8.93:10010/recharge/recharge', {});
+        // 将响应结果存储到响应式数据中
+        console.log('请求成功', result);
+        // 存储全部数据
+        allData.value = result.data.data;
+        console.log('allData', allData.value);
+        // 分离并去重地区列表
+        area.value = [...new Set(allData.value.map(item => item.area))]
+        console.log('地区', area.value);
+    } catch (error) {
+        console.log('请求失败', error);
+        // 在这里可以处理错误逻辑，比如显示错误提示等
+    }
+
+}
+// 验证跳转输入框的数字是否合法
+const checkNumber = function () {
+    if (typeof parseInt(getObj.value.pageNum) === 'number') {
+        console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize));
+        if ((getObj.value.pageNum > 0) && (getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize))) {
+            console.log('输入的数字合法');
+            get();
+        } else {
+            //提示
+            ElMessage({
+                type: 'error',
+                message: '请检查输入内容',
+            })
+        }
+    } else {
+        //提示
+        ElMessage({
+            type: 'error',
+            message: '请检查输入内容',
+        })
+    }
+}
+
+// 编辑====================================
+// 通过按钮
+const pass = function (row) {
+    // 通过初始化
+    passObj.value.auditId = row.rechargeId;
+    passObj.value.status = 1;
+    console.log('通过对象', passObj.value);
+}
+
+// 通过确认
+const passConfirm = async function () {
+
+    try {
+        console.log('通过对象', passObj.value);
+        // 发送POST请求
+        const result = await axios.post('http://192.168.8.93:10030/audit/audit/edit', passObj.value);
+
+        // 将响应结果存储到响应式数据中
+        console.log('请求成功', result);
+        // 刷新表格数据
+        get();
+        //提示
+        ElMessage({
+            type: 'success',
+            message: '通过成功！',
+
+        })
+    } catch (error) {
+        console.log('请求失败', error);
+        // 在这里可以处理错误逻辑，比如显示错误提示等
+    }
+}
+
+// 打开驳回弹出框
+const openRejectVisible = function () {
+    rejectVisible.value = true;
+}
+// 关闭驳回弹出框
+const closeRejectVisible = function () {
+    rejectVisible.value = false;
+}
+// 驳回按钮
+const reject = function (row) {
+    // 驳回初始化
+    rejectObj.value.auditId = row.rechargeId;
+    rejectObj.value.status = 2;
+    rejectObj.value.reson = '';
+    console.log('驳回对象', rejectObj.value);
+    openRejectVisible();
+}
+// 驳回确认
+const rejectConfirm = async function () {
+    Ref.value.validate(async (valid) => {
+        if (valid) {
+            try {
+                console.log('驳回对象', rejectObj.value);
+                // 发送POST请求
+                const result = await axios.post('http://192.168.8.93:10030/audit/audit/edit', rejectObj.value);
+
+                // 将响应结果存储到响应式数据中
+                console.log('请求成功', result);
+                // 刷新表格数据
+                get();
+                // 关闭弹出框
+                closeRejectVisible();
+                //提示
+                ElMessage({
+                    type: 'success',
+                    message: '驳回成功！',
+                })
+            } catch (error) {
+                console.log('请求失败', error);
+                // 在这里可以处理错误逻辑，比如显示错误提示等
+            }
+        } else {
+            //提示
+            ElMessage({
+                type: 'error',
+                message: '请检查输入内容',
+            })
+        }
+
+    })
+
+}
+
+// 表单验证
+
+const rules = reactive({
+    reson: [{ required: true, message: '请输入驳回理由', trigger: 'blur' },],
+})
+
+// 挂载
+onMounted(async function () {
+    await get();
+    getActivity();
+    await getArea();
+})
 
 </script>
 
 <template>
+    <el-row>
+        <el-col>
+            <el-card style="margin-bottom: 20px">
+                <el-row style="margin-bottom: 10px;">
+                    <el-col :span="8">
+                        <div class="head-card-element">
+                            <el-text class="mx-1" size="large">活动名称：</el-text>
+                            <el-select v-model="rechargeVo.activityId" placeholder="请选择活动名称" size="large"
+                                style="width: 240px">
+                                <el-option v-for="item in activity" :key="item.activityId" :label="item.activityName"
+                                    :value="item.activityId" />
+                            </el-select>
+                        </div>
+                    </el-col>
+                    <el-col :span="8">
+                        <div class="head-card-element">
+                            <el-text class="mx-1" size="large">支付方式：</el-text>
+                            <el-select v-model="rechargeVo.payWay" placeholder="请选择支付方式" size="large"
+                                style="width: 240px">
+                                <el-option v-for="item in payWay" :key="item.value" :label="item.label"
+                                    :value="item.value" />
+                            </el-select>
+                        </div>
+
+                    </el-col>
+                    <el-col :span="8">
+                        <div class="head-card-element">
+                            <el-text class="mx-1" size="large">所属地区：</el-text>
+                            <el-select v-model="rechargeVo.area" placeholder="请选择所属地区" size="large"
+                                style="width: 240px">
+                                <el-option v-for="item in area" :key="item" :label="item" :value="item" />
+                            </el-select>
+                        </div>
+                    </el-col>
+                </el-row>
+                <el-row>
+                    <el-col :span="21">
+                        <div class="head-card-element">
+                            <el-text class="mx-1" size="large">充值时间：</el-text>
+                            <el-date-picker v-model="getTime" type="datetimerange" range-separator="至"
+                                start-placeholder="起始时间" end-placeholder="结束时间" />
+                            <el-button style="margin-left: 10px;" @click="getToday()">今</el-button>
+                            <el-button @click="getYesterday()">昨</el-button>
+                            <el-button @click="get7Days()">近7天</el-button>
+                        </div>
+                    </el-col>
+                    <el-col :span="3">
+                        <div class="head-card-btn">
+                            <el-button @click="reset()">重置</el-button>
+                            <el-button type="primary" @click="get()">查询</el-button>
+                        </div>
+                    </el-col>
+                </el-row>
+            </el-card>
+        </el-col>
+    </el-row>
+    <el-row>
+        <el-col>
+            <el-card>
+                <el-tabs v-model="activeName" type="card" class="demo-tabs" @tab-click="handleClick">
+                    <el-tab-pane label="全部" name="all"></el-tab-pane>
+                    <el-tab-pane label="待审核" name="wait"></el-tab-pane>
+                    <el-tab-pane label="已通过" name="pass"></el-tab-pane>
+                </el-tabs>
                 <div>
-        <h1>refundAudit</h1>
+                    <el-table :data="tableData" :height="tableHeight" style="width: 100%">
+                        <el-table-column prop="name" label="姓名" width="100px" />
+                        <el-table-column prop="homilyId" label="精网号" width="150px" />
+                        <el-table-column prop="area" label="所属地区" width="100px" />
+                        <el-table-column prop="refundType" label="退款类型" width="150px" />
+                        <el-table-column prop="goods" label="退款商品" width="100px" />
+                        <el-table-column prop="refundCoin" label="退款金币数" width="100px" >
+                            <template #default="scope">
+                                <span>{{ scope.row.rechargeCoin+scope.row.freeCoin+scope.row.taskCoin }}</span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="rechargeCoin" label="充值金币" width="100px" />
+                        <el-table-column prop="freeCoin" label="免费金币" width="100px" />
+                        <el-table-column prop="taskCoin" label="任务金币" width="100px" />
+                        <el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip />
+                        <el-table-column prop="adminName" label="提交人" width="100px" />
+                        <el-table-column prop="status" label="审核状态" width="100px">
+                            <template #default="scope">
+                                <span v-if="scope.row.status === 1">
+                                    <div class="status">
+                                        <span class="green-dot"></span>
+                                        <span>已通过</span>
+                                    </div>
+                                </span>
+                                <span v-if="scope.row.status === 0">
+                                    <div class="status">
+                                        <span class="grey-dot"></span>
+                                        <span>待审核</span>
+                                    </div>
+                                </span>
+                                <span v-if="scope.row.status === 2">
+                                    <div class="status">
+                                        <span class="red-dot"></span>
+                                        <span>已驳回</span>
+                                    </div>
+                                </span>
+                            </template>
+                        </el-table-column>
+                        <el-table-column prop="reson" label="驳回理由" width="200px" show-overflow-tooltip />
+                        <el-table-column prop="createTime" label="提交时间" width="200px" />
+                        <el-table-column fixed="right" prop="operation" label="操作" width="150px">
+                            <template #default="scope">
+                                <div class="operation">
+                                    <el-popconfirm title="确定要通过此条记录吗？" @confirm="passConfirm">
+                                        <template #reference>
+                                            <el-button :disabled='((scope.row.status === 1 )||(scope.row.status === 2)) ? true : false'
+                                                type="primary" text @click="pass(scope.row)">
+                                                通过
+                                            </el-button>
+                                        </template>
+                                        <template #actions="{ confirm, cancel }">
+                                            <el-button size="small" @click="cancel">取消</el-button>
+                                            <el-button type="primary" size="small" @click="confirm">
+                                                确定
+                                            </el-button>
+                                        </template>
+                                    </el-popconfirm>
+                                    <el-button :disabled='((scope.row.status === 1 )||(scope.row.status === 2)) ? true : false' type="primary" text
+                                        @click="reject(scope.row)">
+                                        驳回
+                                    </el-button>
+                                </div>
+                            </template>
+
+                        </el-table-column>
+                    </el-table>
+                </div>
+
+                <!-- 分页 -->
+                <div class="pagination">
+                    <el-pagination background :page-size="getObj.pageSize" layout="slot" :total="total">
+                        <div>共{{ total }}条,每页 </div>
+                        <el-select v-model="getObj.pageSize" class="page-size" @change="get()" style="width: 80px">
+                            <el-option v-for="item in [5, 6, 7, 8, 9, 10]" :key="item" :label="item"
+                                :value="item"></el-option>
+                        </el-select>
+                        <div> 条</div>
+                    </el-pagination>
+                    <el-pagination background layout="prev, pager, next,slot" :page-size="getObj.pageSize"
+                        :total="total" :current-page="getObj.pageNum" @current-change="get">
+                        <div>跳至</div>
+                        <el-input v-model="getObj.pageNum" style="width: 40px;" @change="checkNumber" />
+                        <div>页</div>
+                    </el-pagination>
+                </div>
+            </el-card>
+        </el-col>
+    </el-row>
+
+    <!-- 驳回弹出框 -->
+    <el-dialog v-model="rejectVisible" title="驳回理由" width="500" :before-close="closeRejectVisible">
+        <template #footer>
+
+            <el-form :model="rejectObj" ref="Ref" :rules="rules" label-width="auto" style="max-width: 600px">
+
+                <el-form-item prop="reson" label="驳回理由:">
+                    <el-input v-model="rejectObj.reson" maxlength="150" show-word-limit style="width: 350px"
+                        type="textarea" placeholder="请输入内容" />
+                </el-form-item>
+
+
+            </el-form>
+
+            <div class="dialog-footer">
+                <el-button @click="closeRejectVisible()">取消</el-button>
+                <el-button type="primary" @click="rejectConfirm()">
+                    确定
+                </el-button>
             </div>
         </template>
+    </el-dialog>
+
+</template>
 
 <style scoped>
+.pagination {
+    display: flex;
+}
+
+.status {
+    display: flex;
+}
+
+.operation {
+    display: flex;
+}
+
+.head-card {
+    display: flex;
+}
+
+.head-card-element {
+    margin-right: 20px;
+}
 
+.head-card-btn {
+    margin-left: auto;
+}
 </style>

vue/gold-system/src/views/managerecharge/activity.vue

@@ -144,12 +144,13 @@ const add = async function () {
     })
 
 }
-
+// 删除=========================================================
+// 删除按钮
 const del = function (row) {
     delObj.value.activityId = row.activityId;
     console.log('delObj', delObj.value);
 }
-
+// 删除按钮的气泡弹出框确认按钮
 const delConfirm = async function () {
     try {
         console.log('delObj', delObj.value);
@@ -174,8 +175,8 @@ const checkFreeGoldRadio = function (rule, value, callback) {
     if (addObj.value.freeGold == 1) {
         if (value == '0' || value == null || value == '') {
             callback(new Error('请输入免费金币兑换比'))
-        } else {
-            callback();
+        }else if(value<0||typeof value!='number') {
+            callback(new Error('请输入正确的格式'));
         }
     } else {
         callback()
@@ -342,8 +343,8 @@ onMounted(async function () {
                         </el-select>
                         <div> 条</div>
                     </el-pagination>
-                    <el-pagination background layout="prev, pager, next, slot" :page-size="getObj.pageSize" :total="total"
-                        :current-page="getObj.pageNum" @current-change="get">
+                    <el-pagination background layout="prev, pager, next, slot" :page-size="getObj.pageSize"
+                        :total="total" :current-page="getObj.pageNum" @current-change="get">
                         <div>跳至</div>
                         <el-input v-model="getObj.pageNum" style="width: 40px;" @change="checkNumber" />
                         <div>页</div>

vue/gold-system/src/views/managerecharge/rate.vue

@@ -70,7 +70,8 @@ const get = async function () {
         regeAdd.value = false
       }).catch(() => {
         regeAdd.value = false
-    }) } else {
+      })
+    } else {
       //提示
       ElMessage({
         type: 'error',
@@ -246,16 +247,8 @@ const rules = reactive({
         <!-- 这是时间 -->
         <div class="demo-range">
           时间：
-              <el-date-picker
-        v-model="value1"
-        type="daterange"
-        range-separator="至"
-        start-placeholder="开始时间"
-        end-placeholder="结束时间"
-        @change="handleDateChange"
-        :size="size"
-        value-format="YYYY-MM-DD"
-              />
+          <el-date-picker v-model="value1" type="daterange" range-separator="至" start-placeholder="开始时间"
+            end-placeholder="结束时间" @change="handleDateChange" :size="size" value-format="YYYY-MM-DD" />
           <!-- 按钮 -->
           <el-button class="button-item" type="primary" style="float:right" @click="get">查询</el-button>
           <el-button class="button-item" style="float:right" @click="handledelete">重置</el-button>
@@ -301,11 +294,8 @@ const rules = reactive({
         </div>
         <!-- 分页 -->
         <div class="pagination">
-              <el-pagination background layout="prev, pager, next" 
-              v-model:current-page="getObj.pageNum"
-              v-model:page-size="getObj.pageSize"
-              :total="getObj.total"
-              @change="handlePageChange" />
+          <el-pagination background layout="prev, pager, next" v-model:current-page="getObj.pageNum"
+            v-model:page-size="getObj.pageSize" :total="getObj.total" @change="handlePageChange" />
         </div>
       </el-card>
 
@@ -313,57 +303,30 @@ const rules = reactive({
   </el-row>
 
   <!-- 这是添加弹窗 -->
-      <el-dialog
-      v-model="regeAdd"
-      title="新增汇率"
-      width="500"
-    >
+  <el-dialog v-model="regeAdd" title="新增汇率" width="500">
     <template #footer>
-        <el-form
-        ref="Ref"
-        style="max-width: 600px"
-        :model="rateAdd"
-        :rules="rules"
-        label-width="auto"
-        class="demo-ruleForm"
-        :size="formSize"
-        status-icon
-      >
+      <el-form ref="Ref" style="max-width: 600px" :model="rateAdd" :rules="rules" label-width="auto"
+        class="demo-ruleForm" :size="formSize" status-icon>
         <el-form-item prop="currency" label="货币名称:">
           <el-select v-model.number="rateAdd.currency" placeholder="请选择" style="width: 240px">
-            <el-option
-            v-for="item in options"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
-            />
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
         <el-form-item prop="exchangeRate" label="汇率:">
-          <el-input v-model="rateAdd.exchangeRate" style="width: 120px;"/><p class="unit">:1</p>
+          <el-input v-model="rateAdd.exchangeRate" style="width: 120px;" />
+          <p class="unit">:1</p>
           <p>(提示：当前规则每 5 元人民币可兑换 1 新币)</p>
         </el-form-item>
         <el-form-item prop="updateName" label="提交人:">
           <el-input v-model="rateAdd.updateName" style="width: 240px;" />
         </el-form-item>
         <el-form-item prop="startTime" label="开始时间:">
-          <el-date-picker
-        v-model="rateAdd.startTime"
-        type="date"
-        placeholder="请选择时间"
-        :default-value="new Date"
-        @change="handleStartTimeChange"
-        value-format="YYYY-MM-DD"
-      />
+          <el-date-picker v-model="rateAdd.startTime" type="date" placeholder="请选择时间" :default-value="new Date"
+            @change="handleStartTimeChange" value-format="YYYY-MM-DD" />
         </el-form-item>
         <el-form-item prop="endTime" label="结束时间:">
-          <el-date-picker
-          v-model="rateAdd.endTime"
-          type="date"
-          placeholder="请选择时间"
-          :default-value="new Date"
-          value-format="YYYY-MM-DD"
-        />
+          <el-date-picker v-model="rateAdd.endTime" type="date" placeholder="请选择时间" :default-value="new Date"
+            value-format="YYYY-MM-DD" />
         </el-form-item>
         <el-form-item>
           <div class="dialog-footer">
@@ -376,34 +339,18 @@ const rules = reactive({
   </el-dialog>
 
   <!-- 这是编辑弹窗 -->
-     <el-dialog
-     v-model="regeEdit"
-     title="修改汇率"
-     width="500"
-   >
+  <el-dialog v-model="regeEdit" title="修改汇率" width="500">
     <template #footer>
-       <el-form
-       ref="ruleFormRef"
-       style="max-width: 600px"
-       :model="rateEdit"
-       :rules="rules"
-       label-width="auto"
-       class="demo-ruleForm"
-       :size="formSize"
-       status-icon
-     >
+      <el-form ref="ruleFormRef" style="max-width: 600px" :model="rateEdit" :rules="rules" label-width="auto"
+        class="demo-ruleForm" :size="formSize" status-icon>
         <el-form-item label="货币名称:">
           <el-select v-model="rateEdit.currency" placeholder="请选择" style="width: 240px">
-           <el-option
-           v-for="item in options"
-           :key="item.value"
-           :label="item.label"
-           :value="item.value"
-           />
+            <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </el-form-item>
         <el-form-item label="汇率:">
-         <el-input v-model="rateEdit.exchangeRate" style="width: 120px;"/><p class="unit">:1</p>
+          <el-input v-model="rateEdit.exchangeRate" style="width: 120px;" />
+          <p class="unit">:1</p>
           <p>(提示：当前规则每 5 元人民币可兑换 1 新币)</p>
         </el-form-item>
         <el-form-item label="提交人:">
@@ -424,7 +371,6 @@ const rules = reactive({
 
 
 <style scoped>
-
 p {
   margin: 0px
 }
@@ -442,24 +388,31 @@ p{
   margin-top: 20px;
   margin-left: 33%;
 }
+
 .box-card {
   margin-top: 20px;
 }
+
 .button-item {
   margin-left: 10px;
 }
+
 .add-item {
   margin-bottom: 10px;
 }
+
 el-table-column {
   text-align: center;
 }
+
 p {
   color: rgb(150, 150, 150);
 }
+
 .unit {
   margin-left: 10px;
 }
+
 .el-card {
   padding: 0px;
 }

vue/gold-system/src/views/recharge/adminRecharge.vue

@@ -4,6 +4,7 @@ import ElementPlus from "element-plus";
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { AiFillRead } from "vue-icons-plus/ai";
 import axios from 'axios';
+import moment from 'moment';
 // 变量
 // 用户对象假的
 const admin = ref({
@@ -344,7 +345,11 @@ onMounted(async function () {
                         <el-table-column prop="freeGold" label="免费金币" width="100px" />
                         <el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip />
                         <el-table-column prop="payWay" label="支付方式" width="100px" />
-                        <el-table-column prop="rechargeVoucher" label="支付凭证" width="150px" />
+                        <el-table-column prop="rechargeVoucher" label="支付凭证" width="150px">
+                            <template #default="scope">
+                                <el-image :src="scope.row.rechargeVoucher" alt="凭证" style="width: 50px; height: 50px" />
+                            </template>
+                        </el-table-column>
                         <el-table-column prop="name" label="提交人" width="100px" />
                         <el-table-column prop="status" label="状态" width="100px">
                             <template #default="scope">
@@ -369,7 +374,11 @@ onMounted(async function () {
                             </template>
                         </el-table-column>
                         <el-table-column prop="reson" label="驳回理由" width="200px" show-overflow-tooltip />
-                        <el-table-column prop="rechargeTime" label="交款时间" width="200px" />
+                        <el-table-column prop="rechargeTime" label="交款时间" width="200px">
+                            <template #default="scope">
+                                {{ moment(scope.row.rechargeTime).format('YYYY-MM-DD HH:mm:ss') }}
+                            </template>
+                        </el-table-column>
                         <el-table-column prop="createTime" label="提交时间" width="200px" />
                         <el-table-column fixed="right" prop="operation" label="操作" width="150px">
                             <template #default="scope">
@@ -402,8 +411,8 @@ onMounted(async function () {
                         </el-select>
                         <div> 条</div>
                     </el-pagination>
-                    <el-pagination background layout="prev, pager, next,slot" :page-size="getObj.pageSize" :total="total"
-                        :current-page="getObj.pageNum" @current-change="get">
+                    <el-pagination background layout="prev, pager, next,slot" :page-size="getObj.pageSize"
+                        :total="total" :current-page="getObj.pageNum" @current-change="get">
                         <div>跳至</div>
                         <el-input v-model="getObj.pageNum" style="width: 40px;" @change="checkNumber" />
                         <div>页</div>

vue/gold-system/src/views/recharge/allRecharge.vue

@@ -4,6 +4,7 @@ import ElementPlus from "element-plus";
 import { ElMessage, ElMessageBox } from 'element-plus'
 import { AiFillRead } from "vue-icons-plus/ai";
 import axios from 'axios';
+import moment from 'moment';
 // 变量
 // 充值明细表格
 const tableData = ref([]);
@@ -343,7 +344,11 @@ onMounted(async function () {
                             </template>
                         </el-table-column>
                         <el-table-column prop="reson" label="驳回理由" width="200px" show-overflow-tooltip />
-                        <el-table-column prop="rechargeTime" label="交款时间" width="200px" />
+                        <el-table-column prop="rechargeTime" label="交款时间" width="200px">
+                            <template #default="scope">
+                                {{ moment(scope.row.rechargeTime).format('YYYY-MM-DD HH:mm:ss') }}
+                            </template>
+                        </el-table-column>
                         <el-table-column prop="createTime" label="提交时间" width="200px" />
                     </el-table>
                 </div>
@@ -358,8 +363,8 @@ onMounted(async function () {
                         </el-select>
                         <div> 条</div>
                     </el-pagination>
-                    <el-pagination background layout="prev, pager, next,slot" :page-size="getObj.pageSize" :total="total"
-                        :current-page="getObj.pageNum" @current-change="get">
+                    <el-pagination background layout="prev, pager, next,slot" :page-size="getObj.pageSize"
+                        :total="total" :current-page="getObj.pageNum" @current-change="get">
                         <div>跳至</div>
                         <el-input v-model="getObj.pageNum" style="width: 40px;" @change="checkNumber" />
                         <div>页</div>

vue/gold-system/src/views/workspace/index.vue

@@ -35,6 +35,45 @@ onMounted(function () {
 
     // 使用刚指定的配置项和数据显示图表。
     myChart.setOption(option);
+
+    option = {
+        tooltip: {
+            trigger: 'item'
+        },
+        legend: {
+            top: '5%',
+            left: 'center'
+        },
+        series: [
+            {
+                name: 'Access From',
+                type: 'pie',
+                radius: ['40%', '70%'],
+                avoidLabelOverlap: false,
+                label: {
+                    show: false,
+                    position: 'center'
+                },
+                emphasis: {
+                    label: {
+                        show: true,
+                        fontSize: 40,
+                        fontWeight: 'bold'
+                    }
+                },
+                labelLine: {
+                    show: false
+                },
+                data: [
+                    { value: 1048, name: 'Search Engine' },
+                    { value: 735, name: 'Direct' },
+                    { value: 580, name: 'Email' },
+                    { value: 484, name: 'Union Ads' },
+                    { value: 300, name: 'Video Ads' }
+                ]
+            }
+        ]
+    };
 })
 
 
@@ -81,7 +120,7 @@ onMounted(function () {
             <el-card>
                 <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
                     <el-tab-pane label="金币充值" name="recharge">
-                        <div id="main" style="width: 600px;height:400px;"></div>
+                        <div id="recharge" style="width: 600px;height:400px;"></div>
                     </el-tab-pane>
                     <el-tab-pane label="金币消费" name="consume">
                         <div>金币消费</div>
@@ -107,7 +146,8 @@ onMounted(function () {
                 <template #header>
                     <div class="card-header" style="display: flex;">
                         <span>金币消耗类别占比</span>
-                        <el-radio-group v-model="platform" fill="#ffffff" text-color="#409eff" size="small" style="margin-left: auto;">
+                        <el-radio-group v-model="platform" fill="#ffffff" text-color="#409eff" size="small"
+                            style="margin-left: auto;">
                             <el-radio-button label="全部平台" value="all" />
                             <el-radio-button label="HC" value="hc" />
                             <el-radio-button label="Link" value="link" />