From 87b9abd84cab28d233fa453d7e910c1d03dc9861 Mon Sep 17 00:00:00 2001
From: pengda <1111@qq.com>
Date: Thu, 9 Oct 2025 14:26:53 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=87=E8=B4=AD=E4=BB=B7=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/router/index.js                    |  22 +-
 src/views/agent/expenseDetails.vue     | 405 +++++++++++++++++++++++++++++++++
 src/views/agent/expenseStatistics.vue  |  11 +-
 src/views/agent/payoff.vue             | 275 +++++++++++++---------
 src/views/agent/payoffDetails.vue      |  92 ++++++++
 src/views/agent/recharge.vue           |   7 -
 src/views/agent/statisticalDetails.vue | 405 ---------------------------------
 7 files changed, 684 insertions(+), 533 deletions(-)
 create mode 100644 src/views/agent/expenseDetails.vue
 create mode 100644 src/views/agent/payoffDetails.vue
 delete mode 100644 src/views/agent/statisticalDetails.vue

diff --git a/src/router/index.js b/src/router/index.js
index 9429e72..fbb5d0b 100755
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -10,7 +10,7 @@ const whiteSecondSider = [
 const blackSliderList = [
   '/franchise', '/agreement', '/customizeDoc', '/agent/siteAdd', '/agent/siteServiceList', '/agent/siteTemplate','/agent/siteAddFinally','/agent/siteServiceAdd', '/agent/supplyList',
   '/agent/domainList','/agent/siteAddChooseService'
-  , '/agent/noticeList' , '/agent/statisticalDetails', '/agent/siteRank', '/agent/serviceRank'
+  , '/agent/noticeList' , '/agent/expenseDetails', '/agent/siteRank', '/agent/serviceRank', '/agent/payoffDetails'
 ];
 // 一级路由
 let first_child_router = []
@@ -330,9 +330,9 @@ const routes = [{
     }
   },
   {
-    path: '/agent/statisticalDetails',
+    path: '/agent/expenseDetails',
     name: '站点月详情',
-    component: () => import( /* webpackChunkName: "statisticalDetails" */ '../views/agent/statisticalDetails.vue'),
+    component: () => import( /* webpackChunkName: "expenseDetails" */ '../views/agent/expenseDetails.vue'),
     meta: {
       breadcrumbParent: '收支统计' // 手动指定父级
     }
@@ -340,7 +340,7 @@ const routes = [{
   {
     path: '/agent/siteRank',
     name: '站点排行',
-    component: () => import( /* webpackChunkName: "statisticalDetails" */ '../views/agent/statisticalDetails.vue'),
+    component: () => import( /* webpackChunkName: "expenseDetails" */ '../views/agent/expenseDetails.vue'),
     props: {
       rankFlag: 'site'
     },
@@ -351,7 +351,7 @@ const routes = [{
   {
     path: '/agent/serviceRank',
     name: '服务排行',
-    component: () => import( /* webpackChunkName: "statisticalDetails" */ '../views/agent/statisticalDetails.vue'),
+    component: () => import( /* webpackChunkName: "expenseDetails" */ '../views/agent/expenseDetails.vue'),
     props: {
       rankFlag: 'chktype'
     },
@@ -362,7 +362,7 @@ const routes = [{
   {
     path: '/agent/recharge',
     name: '账号充值',
-    component: () => import( /* webpackChunkName: "statisticalDetails" */ '../views/agent/recharge.vue'),
+    component: () => import( /* webpackChunkName: "recharge" */ '../views/agent/recharge.vue'),
     meta: {
       hideBreadcrumb: true // 一级页面不显示面包屑
     }
@@ -370,11 +370,19 @@ const routes = [{
   {
     path: '/agent/payoff',
     name: '代收款结算',
-    component: () => import( /* webpackChunkName: "statisticalDetails" */ '../views/agent/payoff.vue'),
+    component: () => import( /* webpackChunkName: "payoff" */ '../views/agent/payoff.vue'),
     meta: {
       hideBreadcrumb: true // 一级页面不显示面包屑
     }
   },
+  {
+    path: '/agent/payoffDetails',
+    name: '核算订单记录',
+    component: () => import( /* webpackChunkName: "payoff" */ '../views/agent/payoffDetails.vue'),
+    meta: {
+      breadcrumbParent: '代收款结算' // 一级页面不显示面包屑
+    }
+  },
 
 
   // -----------------分隔符-----------
diff --git a/src/views/agent/expenseDetails.vue b/src/views/agent/expenseDetails.vue
new file mode 100644
index 0000000..8c72c79
--- /dev/null
+++ b/src/views/agent/expenseDetails.vue
@@ -0,0 +1,405 @@
+<template>
+    <div class="main-content12 expense-wrap">
+        <div class="flex-common">
+            <div class="flex-between mb24">
+                <div class=" flex gap12">
+                    <b>{{ name }} 月详情</b>
+                    <div class="flex gap12" v-if="id">
+                        <span @click="sort(index)" :class="sortIndex === index ? ['ver-anchor-point','ver-anchor-point-active'] : ['ver-anchor-point']" v-for="(item, index) in serviceRanking" :key="item">{{ item }}</span>
+                    </div>
+                </div>
+                <CustomDropdown ref="dropdownRef" :placeholder="date" width="280px">
+                    <DateSelect slot="normal" view="month" v-model="date" :onlyMonth="true" @change="handleDateChange"/>
+                </CustomDropdown>
+            </div>
+            <el-form>
+                <!-- show-summary  -->
+                <GuipTable :tableData="monthList" :key="tableKey" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1"
+                           :show-summary="true" :summary-method="getSummaries" @sort-change="sortChange">
+                    <el-table-column prop="date" label="日期" v-if="!id"></el-table-column>
+
+                    <template v-else>
+                        <el-table-column type="index" label="排行" width="80px"></el-table-column>
+
+                        <el-table-column prop="date2" label="服务排行" v-if="rankFlag === 'chktype'">
+                            <template slot-scope="scope">
+                                <div class="flex">
+                                    {{ nameList[scope.row.id] }}
+                                </div>
+                            </template>
+                        </el-table-column>
+
+                        <el-table-column prop="date1" label="站点排行" v-else>
+                            <template slot-scope="scope">
+                                <div class="flex">
+                                    {{ nameList[scope.row.id] }}
+                                </div>
+                            </template>
+                        </el-table-column>
+                    </template>
+
+                    <el-table-column prop="1" label="利润" :sortable="sortIndex === '1' ? 'custom' : false">
+                        <template slot-scope="scope">
+                            <div class="flex">
+                                {{ scope.row.profit ? scope.row.profit : '-' }}
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="2" label="收入" :sortable="sortIndex === '2' ? 'custom' : false">
+                        <template slot-scope="scope">
+                            <div class="flex">
+                                {{ scope.row.income ? scope.row.income : '-' }}
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="3" label="支出" :sortable="sortIndex === '3' ? 'custom' : false">
+                        <template slot-scope="scope">
+                            <div class="flex">
+                                {{ scope.row.cost ? scope.row.cost : '-' }}
+                            </div>
+                        </template>
+                    </el-table-column>
+                    <el-table-column prop="4" label="单量" :sortable="sortIndex === '4' ? 'custom' : false">
+                        <template slot-scope="scope">
+                            <div class="flex">
+                                {{ scope.row.check_num ? scope.row.check_num : '-' }}
+                            </div>
+                        </template>
+                    </el-table-column>
+
+                    <el-table-column v-for="(col, index) in payList" :key="index" :label="col.name+'收/支/单量'">
+                        <template slot-scope="scope">
+                            <div class="flex" v-if="scope.row.pay_type[col.id]">
+                                {{ scope.row.pay_type[col.id].income }}/
+                                {{ scope.row.pay_type[col.id].cost }}/
+                                {{ scope.row.pay_type[col.id].check_num }}
+                            </div>
+                            <div v-else>-</div>
+                        </template>
+                    </el-table-column>
+
+                </GuipTable>
+            </el-form>
+        </div>
+    </div>
+</template>
+<script>
+import GuipTable from '@/components/GuipTable.vue';
+import DateSelect from "@/components/super/DateSelect.vue";
+import CustomDropdown from "@/components/CustomDropdown.vue";
+
+export default {
+    components: {
+        CustomDropdown, DateSelect,
+        GuipTable,
+    },
+    props: {
+        rankFlag: {
+            type: String,
+            default: ''
+        },
+    },
+    data() {
+        return {
+            date:'',
+            uid:0,
+            chktype:0,
+
+            id: 0,
+
+            name:'',
+            monthList:[],
+            monthTotal:[],
+            payList:[],
+            nameList:[],
+
+            tableLoading:false,
+            tableKey: '',
+
+            sortIndex:'1',
+            sortOrder:'asc',
+            serviceRanking:{
+                '1':'利润排行',
+                '2':'收入排行',
+                '3':'支出排行',
+                '4':'检测量排行',
+            },
+            sortField: {
+                '1':'profit',
+                '2':'income',
+                '3':'cost',
+                '4':'check_num',
+            },
+        }
+    },
+    mounted() {
+        if(!this.$route.query.date) {
+            this.$message.error('非法请求');
+            this.$router.push('/agent/expenseStatistics')
+        }
+        this.date = this.$route.query.date
+
+        if(this.$route.query.id) this.id = this.$route.query.id
+        if(this.$route.query.uid) this.uid = this.$route.query.uid
+        if(this.$route.query.chktype) this.chktype = this.$route.query.chktype
+
+        this.getStats()
+    },
+    methods: {
+        getDate(dateStr) {
+            const date = new Date(dateStr);
+            const year = date.getFullYear(); // 2025
+            const month = date.getMonth() + 1; // 3 (表示3月)
+
+            return `${year}-${month}`
+        },
+        handleDateChange(date) {
+            this.date = this.getDate(date)
+            localStorage.setItem('date', JSON.stringify(date))
+
+            this.$refs.dropdownRef.closeDropdown();
+            this.getStats()
+        },
+        sort(index){
+            this.sortIndex = index
+            this.sortList()
+        },
+        sortChange({prop, order}){
+            this.sortIndex = prop
+            this.sortOrder = 'asc'
+            if (order === 'descending') this.sortOrder = 'desc'
+            this.sortList()
+        },
+        sortList(){
+            const field = this.sortField[this.sortIndex]
+            return this.monthList.sort((a, b) => {
+                const valA = a[field];
+                const valB = b[field];
+
+                // 处理字符串和数字类型的比较
+                if (typeof valA === 'string') {
+                    return this.sortOrder === 'asc'
+                        ? valA.localeCompare(valB)
+                        : valB.localeCompare(valA);
+                } else {
+                    return this.sortOrder === 'asc'
+                        ? valA - valB
+                        : valB - valA;
+                }
+            });
+        },
+        getStats(){
+            this.monthList=[]
+            this.monthTotal=[]
+            this.payList=[]
+            this.nameList=[]
+            this.tableKey = Math.random();
+            if(this.id){
+                if(this.rankFlag == 'chktype') {
+                    this.getChktypeStatsRank()
+                    return true
+                }
+                this.getSiteStatsRank()
+                return true
+            }
+
+            this.getDayStats();
+        },
+        getSummaries() {
+            const sums = [];
+
+            let index = -1
+            if(this.id) sums[++index] = '-'
+            sums[++index] = `小计`
+            sums[++index] = this.monthTotal.profit
+            sums[++index] = this.monthTotal.income
+            sums[++index] = this.monthTotal.cost
+            sums[++index] = this.monthTotal.check_num
+            this.payList.forEach(column =>{
+                sums[++index] = this.monthTotal.pay_type[column.id].income + '/' + this.monthTotal.pay_type[column.id].cost + '/' + this.monthTotal.pay_type[column.id].check_num
+            })
+            return sums;
+        },
+        getDayStats() {
+            this.tableLoading = true
+            try {
+                this.$http('POST', '/agentnew/ajax_get_day_stats', {
+                    date: this.date,
+                    uid: this.uid,
+                    type: this.chktype,
+                }).then(response => {
+                    this.$nextTick(() => {
+                        this.name = response.data.name
+                        this.monthList = response.data.list
+                        this.payList = response.data.pay_list
+                        this.monthTotal = response.data.total
+                    })
+                }).catch(error => {
+                    console.error(error, 'error')
+                })
+            } catch (error) {
+                console.error('数据加载失败:', error)
+            } finally {
+                this.tableLoading = false
+            }
+        },
+        getSiteStatsRank() {
+            this.tableLoading = true
+            try {
+                this.$http('POST', '/agentnew/ajax_get_site_stats_rank', {
+                    date: this.date,
+                    type: this.id,
+                }).then(response => {
+                    this.tableLoading = false
+                    this.$nextTick(() => {
+                        this.name = response.data.name
+                        this.monthList = response.data.list
+                        this.monthTotal = response.data.total
+                        this.nameList = response.data.name_list
+                        this.sortList()
+                    })
+                }).catch(error => {
+                    console.error(error, 'error')
+                })
+            } catch (error) {
+                console.error('数据加载失败:', error)
+            } finally {
+                this.tableLoading = false
+            }
+        },
+        getChktypeStatsRank() {
+            this.tableLoading = true
+            try {
+                this.$http('POST', '/agentnew/ajax_get_chktype_stats_rank', {
+                    date: this.date,
+                    uid: this.id,
+                }).then(response => {
+                    this.tableLoading = false
+                    this.$nextTick(() => {
+                        this.name = response.data.name
+                        this.monthList = response.data.list
+                        this.monthTotal = response.data.total
+                        this.nameList = response.data.name_list
+                        this.sortList()
+                    })
+                }).catch(error => {
+                    console.error(error, 'error')
+                })
+            } catch (error) {
+                console.error('数据加载失败:', error)
+            } finally {
+                this.tableLoading = false
+            }
+        },
+    }
+}
+
+</script>
+<style lang="scss" scoped>
+::v-deep .el-table__footer-wrapper tbody td.el-table__cell {
+  background-color: #E8F0FE; /* 背景色 */
+  color: #006AFF; /* 文字颜色 */
+  font-weight: 600;
+}
+.el-form-item{
+    margin-bottom: 0 !important;
+}
+.expense-wrap{
+
+    .ver-anchor-point {
+        height: 28px;
+        display: flex;
+        align-items: center;
+        padding: 4px 12px;
+        white-space: nowrap;
+        transition: all .3s;
+        border-radius: 14px;
+        background: #FFFFFF;
+        box-sizing: border-box;
+        border: 1px solid #DFE2E6;
+        letter-spacing: 0.08em;
+        color: #8A9099;
+        cursor: pointer;
+    }
+    .ver-anchor-point:hover {
+        border-color: transparent;
+        transition: all .3s;
+        color: #006AFF;
+        background: #F2F3F5;
+    }
+    .ver-anchor-point-active{
+        color: #006AFF;
+    }
+    .pagetitle {
+        text-align: left;
+        font-size: 16px;
+        font-weight: bold;
+        line-height: normal;
+        letter-spacing: 0.08em;
+        color: #1E2226;
+        margin-top: 8px;
+    }
+    .monthTotal-wrap{
+        display: grid;
+        grid-gap: 12px;
+        grid-template-columns: repeat(auto-fit, 287px);
+    }
+
+    .loss-tip{
+        width: 50px;
+        height: 24px;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        box-sizing: border-box;
+        border-radius: 4px;
+        background: #FFF1F0;
+        box-sizing: border-box;
+        border: 1px solid #FFA39E;
+        font-size: 14px;
+        font-weight: normal;
+        line-height: 20px;
+        text-align: center;
+        letter-spacing: 0.08em;
+        color: #FF4D4F;
+    }
+    .total-item{
+        padding: 14px 16px;
+        font-size: 12px;
+        letter-spacing: 0.03em;
+        color: #23242B;
+        box-sizing: border-box;
+        border-radius: 4px;
+        background: #F2F7FF;
+        .price{
+            text-align: left;
+            font-size: 12px;
+            font-weight: normal;
+            line-height: 15px;
+            letter-spacing: 0.08em;
+            color: #1E2226;
+            margin: 14px 0;
+            b{
+                font-size: 22px;
+                line-height: 20px;
+                letter-spacing: normal;
+            }
+        }
+        .total-bottom{
+            align-items: flex-start;
+        }
+    }
+    .loss{
+        background: #FFF1F0;
+        .top-left b{
+            color: #FF4D4F;
+        }
+    }
+    .gain{
+        background: #EFFFE0;
+        .top-left b{
+            color: #00C261;
+        }
+    }
+}
+</style>
\ No newline at end of file
diff --git a/src/views/agent/expenseStatistics.vue b/src/views/agent/expenseStatistics.vue
index d3a7d3b..b96c2cb 100644
--- a/src/views/agent/expenseStatistics.vue
+++ b/src/views/agent/expenseStatistics.vue
@@ -225,12 +225,6 @@ export default {
         // GuipSelect,
         SvgIcon
     },
-    props: {
-        total_type: {
-            type: String,
-            default: '1'
-        },
-    },
     data() {
         return {
             totalType:'1',
@@ -248,7 +242,6 @@ export default {
     mounted() {
         const {total_type, date} = this.$route.query
         this.$nextTick(()=>{
-            this.totalType = this.total_type;
             if(total_type)this.totalType = total_type;
             if(date) this.date = date;
 
@@ -278,8 +271,8 @@ export default {
             this.handleClick()
         },
         handleClickDetail(id){
-            if(this.totalType == 2) this.$router.push(`/agent/statisticalDetails?uid=${id}&total_type=${this.totalType}&date=${this.date}`)
-            if(this.totalType == 3) this.$router.push(`/agent/statisticalDetails?chktype=${id}&total_type=${this.totalType}&date=${this.date}`)
+            if(this.totalType == 2) this.$router.push(`/agent/expenseDetails?uid=${id}&total_type=${this.totalType}&date=${this.date}`)
+            if(this.totalType == 3) this.$router.push(`/agent/expenseDetails?chktype=${id}&total_type=${this.totalType}&date=${this.date}`)
         },
         handleClicksiteRank(id){
             this.$router.push(`/agent/siteRank?id=${id}&total_type=${this.totalType}&date=`+this.date)
diff --git a/src/views/agent/payoff.vue b/src/views/agent/payoff.vue
index 169b0bb..d343901 100644
--- a/src/views/agent/payoff.vue
+++ b/src/views/agent/payoff.vue
@@ -11,15 +11,39 @@
                 <div class="flex">
                 </div>
             </div>
-            <div class="mt24" v-if="totalType == '1'">
-                <el-form class="el-row demo-ruleForm" ref="formRef">
-                ddd
-                </el-form>
+            <div class="mt24 payoff-set" v-if="totalType == '1'">
+               <el-form>
+                   <div class="flex gap12 mb24">
+                       <img src="@/assets/pay/pay_3.svg" alt="">
+                       <span>支付宝收款</span>
+                       <GuipSwitch float="right" :active-value="1" :inactive-value="0" activeText="开启" inactiveText="关闭" @change="onSwitchChange"></GuipSwitch>
+                   </div>
+                   <div class="payoff-area flex-between" v-if="payoffInfo">
+                        <div class="payoff-info">
+                            <div class="payoff-acc">收款支付宝账号：{{payoffInfo.openid}}</div>
+                            <div class="payoff-name">收款人真实姓名：{{payoffInfo.realname}}</div>
+                        </div>
+                        <div class="flex gap12">
+                            <span class="payoff-has">已配置</span>
+                            <GuipButton type="system" @click="handlePayoffInfo()" :btnstyle="{'color':'#006AFF','background':'#FFFFFF','broder-color':'#006AFF'}">修改账号</GuipButton>
+                        </div>
+                   </div>
+
+                   <div class="payoff-area flex-between" v-else>
+                       <div class="payoff-info">
+                           <div class="payoff-acc">设置收款账号，开启平台代收款，平台收取5%服务费</div>
+                       </div>
+                       <div class="flex gap12">
+                           <span class="payoff-no">未设置</span>
+                           <GuipButton type="danger" @click="handlePayoffInfo()" :btnstyle="{'color':'#fff','background':'#FF4D4F','broder-color':'#FF4D4F'}">立即设置</GuipButton>
+                       </div>
+                   </div>
+               </el-form>
             </div>
-            <el-form class="mt24" v-else>
-                <PromptText v-if="totalType == '2'" text="温馨提示：满200元自动结算，次日凌晨打款；通过微信收到的货款，有7天账期（例如：周一的收入，下周一才能结算提现）。" :type="1" class="mb32"/>
-                <GuipTable :tableData="tableList" :key="tableKey" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1">
-                    <template v-if="totalType == '2'">
+            <div class="mt24" v-if="totalType == '2'">
+                <el-form>
+                    <PromptText text="温馨提示：满200元自动结算，次日凌晨打款；通过微信收到的货款，有7天账期（例如：周一的收入，下周一才能结算提现）。" :type="1" class="mb32"/>
+                    <GuipTable :tableData="tableList" :key="tableKey" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1">
                         <el-table-column fixed="left" prop="tid" label="订单号" min-width="200px">
                             <template slot-scope="scope">
                                 <span v-if="scope.row.tid">{{scope.row.tid}}</span>
@@ -53,8 +77,13 @@
                                 </div>
                             </template>
                         </el-table-column>
-                    </template>
-                    <template v-else>
+                    </GuipTable>
+                </el-form>
+            </div>
+            <div class="mt24" v-if="totalType == '3'">
+                <el-form>
+                    <PromptText text="每天凌晨出具前一天已完成的订单账单" :type="1" class="mb32"/>
+                    <GuipTable :tableData="tableList" :key="tableKey" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1">
                         <el-table-column prop="short_name" label="账号"></el-table-column>
                         <el-table-column prop="bill_date" label="账单日期"></el-table-column>
                         <el-table-column prop="pay_type" label="支付类型">
@@ -72,17 +101,28 @@
                         </el-table-column>
                         <el-table-column prop="money" label="操作">
                             <template slot-scope="scope">
-                                <GuipButton type="text" @click="handleShowInfo(scope.row.tid)">查看核算账单</GuipButton>
+                                <GuipButton type="text" @click="handleShowInfo(scope.row.id,scope.row.uid,scope.row.pay_type)">查看核算账单</GuipButton>
                             </template>
                         </el-table-column>
+                    </GuipTable>
+                </el-form>
+            </div>
+        </div>
+        <GuipDialog :dialogVisible="dialogVisible" title="修改支付宝收款方式" :show-close-button="false" :show-cancel-button="true" @confirm="handleSavePayoffInfo()" @cancel="handleHidePayoffInfo()">
+            <el-form :model="formData" :rules="formRules" ref="formRef" class="payoff-form">
+                <PromptText text="须知" :type="1">
+                    <template #desc>
+                        <div class="mt12">使用平台“支付宝支付”，平台收取5%的服务费</div>
+                        <div class="mt12">使用平台“支付宝支付”，真实姓名必须和支付宝账号实名认证姓名统一</div>
                     </template>
-                </GuipTable>
-                <el-pagination background @size-change='handleSizeChange' @current-change='handleCurrentChange'
-                               :current-page="currentPage" :page-size=pageSize layout="prev, pager, next,jumper"
-                               :total="parseInt(total)">
-                </el-pagination>
+                </PromptText>
+                <GuipInput label="1. 收款人姓名" class="column" ref="GuipInput" prop="realname"
+                           desc="请输入支付宝绑定的银行卡的持卡人姓名" :rules="formRules.realname" v-model="formData.realname"/>
+
+                <GuipInput label="2. 收款支付宝账号" class="column" ref="GuipInput" prop="openid"
+                           desc="请输入有效账号" :rules="formRules.openid" v-model="formData.openid"/>
             </el-form>
-        </div>
+        </GuipDialog>
     </div>
 </template>
 <script>
@@ -91,67 +131,88 @@ import GuipButton from "@/components/GuipButton.vue";
 import GuipTable from "@/components/GuipTable.vue";
 import GuipToolTip from "@/components/GuipToolTip.vue";
 import PromptText from "@/components/PromptText.vue";
+import GuipSwitch from "@/components/GuipSwitch.vue";
+import GuipDialog from "@/components/GuipDialog.vue";
+import GuipInput from "@/components/GuipInput.vue";
 
 export default {
     components: {
+        GuipInput,
+        GuipDialog,
+        GuipSwitch,
         PromptText,
         GuipToolTip,
         GuipTable,
         GuipButton,
     },
-    props: {
-        total_type: {
-            type: String,
-            default: '1'
-        },
-    },
     data() {
         return {
             totalType:'1',
             tableLoading:false,
 
-            walletType: '',
-            walletList:[],
-
-            prompt:'',
-            prompt_link:'',
-            bonus:[],
-            buy_price_type: '',
-            buy_price_types: {},
-            buy_price_link: '',
-            buy_price_links: {},
-            links_desc: '',
-
-            ordernum:'',
+            payoffInfo:[],
+            dialogVisible: false,
+            formData: {
+                openid: '',
+                realname: '',
+            },
+            formRules: {
+                openid: [
+                    { required: true, message: '请输入收款人姓名', trigger: 'blur' }
+                ],
+                realname: [
+                    { required: true, message: '请输入收款支付宝账号', trigger: 'blur' }
+                ],
+            },
 
             tableKey: '',
             tableList:[],
-            currentPage: 1,    //当前页
-            pageSize: 20,   //每页的容量
-            total: 0,   //列表总数
-            total_money: 0,   //列表总数
-            tid2refunds: [],   //列表总数
-            dialogVisible: false,
-            refund_detail: [],
-
-            confirmBtnStyle: {
-                'background':'#FF4D4F',
-                'color':'#FFFFFF',
-                'border':'1px solid #FF4D4F',
-                'border-radius':'4px',
-                'width': '88px',
-                'height': '33px',
-                'font-size': '12px',
-            }
         }
     },
     mounted() {
         this.$nextTick(()=>{
-            this.totalType = this.total_type;
+            if(this.$route.query.total_type)this.totalType = this.$route.query.total_type;
             this.handleClick()
         })
     },
     methods: {
+        onSwitchChange(){
+
+        },
+        handlePayoffInfo(){
+            this.dialogVisible = true
+            this.formData.openid = this.payoffInfo.openid
+            this.formData.realname = this.payoffInfo.realname
+        },
+        handleSavePayoffInfo(){
+            this.dialogVisible = false
+            this.$refs.formRef.validate((valid) => {
+                if(valid){
+                    try {
+                        this.$http('POST', '/agentnew/ajax_set_payoff_info', {
+                            pay_type: this.payoffInfo.pay_type,
+                            zfb_acct: this.formData.openid,
+                            realname: this.formData.realname
+                        }).then(response => {
+                            if (response.status) {
+                                this.$message.success('设置成功');
+                                this.payoffInfo.openid = this.formData.openid
+                                this.payoffInfo.realname = this.formData.realname
+                                return true;
+                            }
+                            this.$message.error(response.info);
+                        }).catch(error => {
+                            console.error(error, 'error')
+                        })
+                    } catch (error) {
+                        console.error('数据加载失败:', error)
+                    }
+                }
+            });
+        },
+        handleHidePayoffInfo(){
+            this.dialogVisible = false
+        },
         payoffStatusClass(status){
             if(status == '异常') return 'status-info warning';
             if(status == '成功') return 'status-info success';
@@ -163,16 +224,15 @@ export default {
         },
         handleClick(){
             this.tableList = []
-            this.total_money = 0
-            if(this.totalType == 1) this.getRechargeData()
+            if(this.totalType == 1) this.getPayoffData()
             if(this.totalType == 2) this.getPayoffList()
             if(this.totalType == 3) this.getBillList()
         },
-        getRechargeData() {
+        getPayoffData() {
             try {
-                this.$http('POST', '/agentnew/ajax_get_recharge_data', {date: this.date}).then(response => {
+                this.$http('POST', '/agentnew/ajax_get_payoff_info', {date: this.date}).then(response => {
                     this.$nextTick(() => {
-                        this.walletList = response.data
+                        this.payoffInfo = response.data
                     })
                 }).catch(error => {
                     console.error(error, 'error')
@@ -184,11 +244,7 @@ export default {
         getPayoffList() {
             this.tableLoading = true
             try {
-                this.$http('POST', '/agentnew/ajax_get_payoff_list', {
-                    type: this.walletType,
-                    cur_page: this.currentPage,
-                    page_size: this.pageSize
-                }).then(response => {
+                this.$http('POST', '/agentnew/ajax_get_payoff_list', {}).then(response => {
                     this.tableLoading = false
                     this.$nextTick(() => {
                         this.tableList = response.data.list
@@ -205,7 +261,7 @@ export default {
         getBillList() {
             this.tableLoading = true
             try {
-                this.$http('POST', '/agentnew/ajax_get_bill_list', {date: this.date}).then(response => {
+                this.$http('POST', '/agentnew/ajax_get_bill_list', {}).then(response => {
                     this.tableLoading = false
                     this.$nextTick(() => {
                         this.tableList = response.data.list
@@ -219,56 +275,34 @@ export default {
                 this.tableLoading = false
             }
         },
-        doRecharge(){
-            try {
-                this.$http('POST', '/agentnew/ajax_do_recharge', {orderId: this.ordernum,type: this.walletType}).then(response => {
-                    if (response.status) {
-                        this.$message.success('充值成功');
-                        return true;
-                    }
-                    this.$message.error(response.info);
-                }).catch(error => {
-                    console.error(error, 'error')
-                })
-            } catch (error) {
-                console.error('数据加载失败:', error)
-            }
-        },
-        confirmRecharge(id, tid){
-            try {
-                this.$http('POST', '/agentnew/ajax_confirm_recharge', {orderId: tid,type: this.walletType,recharge_id: id}).then(response => {
-                    if (response.status) {
-                        this.$message.success('充值成功');
-                        return true;
-                    }
-                    this.$message.error(response.info);
-                }).catch(error => {
-                    console.error(error, 'error')
-                })
-            } catch (error) {
-                console.error('数据加载失败:', error)
-            }
-        },
-        handleSizeChange(val) {
-            this.pageSize = val
-            this.getRechargeList()
-        },
-        handleCurrentChange(val) {
-            this.currentPage = val
-            this.getRechargeList()
-        },
-        handleShowInfo(){
-
+        handleShowInfo(id,uid,pay_type){
+            this.$router.push(`/agent/payoffDetails?id=${id}&uid=${uid}&pay_type=${pay_type}&total_type=${this.totalType}`)
         }
     }
 }
 
 </script>
 <style lang="scss" scoped>
+.payoff-form{
+  ::v-deep .prompt-text{
+    padding: 20px 14px;
+  }
+  ::v-deep .prompt-desc{
+    font-weight: bold;
+  }
+  .column{
+    margin-bottom: 0;
+    margin-top: 24px;
+  }
+}
 .payoff-wrap{
   ::v-deep .el-tabs__header{
     margin: 0;
   }
+  ::v-deep .el-form-item {
+    margin-bottom: 0;
+  }
+
   .pagetitle {
     text-align: left;
     font-size: 16px;
@@ -281,6 +315,37 @@ export default {
   .w16{
     width: 16px;
   }
+  .payoff-set{
+    background: #FAFAFA;
+    padding: 24px 14px;
+  }
+  .payoff-area{
+    padding: 24px 16px;
+    border-radius: 8px;
+    background: #FFFFFF;
+    letter-spacing: 0.08em;
+    font-size: 14px;
+    text-align: left;
+    .payoff-info{
+      display: flex;
+      flex-direction: column;
+      gap: 10px;
+      .payoff-acc{
+        color: #1E2226;
+      }
+      .payoff-name{
+        color: #6B7280;
+      }
+    }
+
+    .payoff-has{
+      color: #00C261;
+    }
+    .payoff-no{
+      color: #FF4D4F;
+    }
+  }
+
   .status-info{
     display: inline-block;
     padding: 2px 10px;
diff --git a/src/views/agent/payoffDetails.vue b/src/views/agent/payoffDetails.vue
new file mode 100644
index 0000000..9f4bb10
--- /dev/null
+++ b/src/views/agent/payoffDetails.vue
@@ -0,0 +1,92 @@
+<template>
+    <div class="main-content12 expense-wrap">
+        <div class="flex-common">
+            <div class="flex-between mb24">
+                <div class=" flex gap12">
+                    <b>核算订单记录</b>
+                </div>
+            </div>
+            <div class="flex mb24 gap12" style="gap:30px" v-if="Object.keys(info).length>0">
+                <div class="flex"><span>检测站点：</span>{{info.short_name}}</div>
+                <div class="flex"><span>支付方式：</span><img width="16px" :src="require('@/assets/pay/pay_'+info.pay_type+'.svg')" alt=""></div>
+                <div class="flex"><span>核算金额：</span>{{info.money}}</div>
+                <div class="flex"><span>账单生成时间：</span>{{info.ctime}}</div>
+            </div>
+            <el-form>
+                <GuipTable :tableData="tableList" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1">
+                    <el-table-column prop="id" label="ID" min-width="120px"></el-table-column>
+                    <el-table-column prop="pro_desc" label="检测类型" min-width="180px"></el-table-column>
+                    <el-table-column prop="tid" label="订单编号" min-width="180px"></el-table-column>
+                    <el-table-column prop="sale_date" label="订单生成时间" min-width="180px"></el-table-column>
+                    <el-table-column prop="report_date" label="检测完成时间" min-width="180px"></el-table-column>
+                    <el-table-column prop="wordnum" label="字数" min-width="120px"></el-table-column>
+                    <el-table-column prop="payment" label="实际收入（元）" min-width="180px"></el-table-column>
+                    <el-table-column prop="cost" label="订单成本（元）" min-width="180px"></el-table-column>
+                    <el-table-column prop="status" label="状态"></el-table-column>
+                </GuipTable>
+            </el-form>
+        </div>
+    </div>
+</template>
+<script>
+
+import GuipTable from "@/components/GuipTable.vue";
+
+export default {
+    components: {
+         GuipTable
+
+    },
+    data() {
+        return {
+            id: 0,
+            uid: 0,
+            pay_type: 0,
+
+            tableLoading:false,
+            tableList:[],
+            info:[],
+        }
+    },
+    mounted() {
+        const {id, uid, pay_type} = this.$route.query
+        if(!id || !uid || !pay_type) {
+            this.$message.error('非法请求');
+            this.$router.push('/agent/payoff')
+        }
+        this.id = id
+        this.uid = uid
+        this.pay_type = pay_type
+        this.getBillInfo()
+    },
+    methods: {
+        getBillInfo() {
+            this.tableLoading = true
+            try {
+                this.$http('POST', '/agentnew/ajax_get_bill_info', {
+                    id: this.id,
+                    uid: this.uid,
+                    pay_type: this.pay_type,
+                }).then(response => {
+                    this.$nextTick(() => {
+                        this.info = response.data.info
+                        this.tableList = response.data.list
+                    })
+                }).catch(error => {
+                    console.error(error, 'error')
+                })
+            } catch (error) {
+                console.error('数据加载失败:', error)
+            } finally {
+                this.tableLoading = false
+            }
+        },
+    }
+}
+
+</script>
+<style lang="scss" scoped>
+.el-form-item{
+    margin-bottom: 0 !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/agent/recharge.vue b/src/views/agent/recharge.vue
index 0478df2..557f5e5 100644
--- a/src/views/agent/recharge.vue
+++ b/src/views/agent/recharge.vue
@@ -195,12 +195,6 @@ export default {
         GuipRadio
 
     },
-    props: {
-        total_type: {
-            type: String,
-            default: '1'
-        },
-    },
     data() {
         return {
             totalType:'1',
@@ -243,7 +237,6 @@ export default {
     },
     mounted() {
         this.$nextTick(()=>{
-            this.totalType = this.total_type;
             this.handleClick()
         })
     },
diff --git a/src/views/agent/statisticalDetails.vue b/src/views/agent/statisticalDetails.vue
deleted file mode 100644
index 8c72c79..0000000
--- a/src/views/agent/statisticalDetails.vue
+++ /dev/null
@@ -1,405 +0,0 @@
-<template>
-    <div class="main-content12 expense-wrap">
-        <div class="flex-common">
-            <div class="flex-between mb24">
-                <div class=" flex gap12">
-                    <b>{{ name }} 月详情</b>
-                    <div class="flex gap12" v-if="id">
-                        <span @click="sort(index)" :class="sortIndex === index ? ['ver-anchor-point','ver-anchor-point-active'] : ['ver-anchor-point']" v-for="(item, index) in serviceRanking" :key="item">{{ item }}</span>
-                    </div>
-                </div>
-                <CustomDropdown ref="dropdownRef" :placeholder="date" width="280px">
-                    <DateSelect slot="normal" view="month" v-model="date" :onlyMonth="true" @change="handleDateChange"/>
-                </CustomDropdown>
-            </div>
-            <el-form>
-                <!-- show-summary  -->
-                <GuipTable :tableData="monthList" :key="tableKey" ref="multipleTable" autoColumn="true" :loading="tableLoading" style="flex:1"
-                           :show-summary="true" :summary-method="getSummaries" @sort-change="sortChange">
-                    <el-table-column prop="date" label="日期" v-if="!id"></el-table-column>
-
-                    <template v-else>
-                        <el-table-column type="index" label="排行" width="80px"></el-table-column>
-
-                        <el-table-column prop="date2" label="服务排行" v-if="rankFlag === 'chktype'">
-                            <template slot-scope="scope">
-                                <div class="flex">
-                                    {{ nameList[scope.row.id] }}
-                                </div>
-                            </template>
-                        </el-table-column>
-
-                        <el-table-column prop="date1" label="站点排行" v-else>
-                            <template slot-scope="scope">
-                                <div class="flex">
-                                    {{ nameList[scope.row.id] }}
-                                </div>
-                            </template>
-                        </el-table-column>
-                    </template>
-
-                    <el-table-column prop="1" label="利润" :sortable="sortIndex === '1' ? 'custom' : false">
-                        <template slot-scope="scope">
-                            <div class="flex">
-                                {{ scope.row.profit ? scope.row.profit : '-' }}
-                            </div>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="2" label="收入" :sortable="sortIndex === '2' ? 'custom' : false">
-                        <template slot-scope="scope">
-                            <div class="flex">
-                                {{ scope.row.income ? scope.row.income : '-' }}
-                            </div>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="3" label="支出" :sortable="sortIndex === '3' ? 'custom' : false">
-                        <template slot-scope="scope">
-                            <div class="flex">
-                                {{ scope.row.cost ? scope.row.cost : '-' }}
-                            </div>
-                        </template>
-                    </el-table-column>
-                    <el-table-column prop="4" label="单量" :sortable="sortIndex === '4' ? 'custom' : false">
-                        <template slot-scope="scope">
-                            <div class="flex">
-                                {{ scope.row.check_num ? scope.row.check_num : '-' }}
-                            </div>
-                        </template>
-                    </el-table-column>
-
-                    <el-table-column v-for="(col, index) in payList" :key="index" :label="col.name+'收/支/单量'">
-                        <template slot-scope="scope">
-                            <div class="flex" v-if="scope.row.pay_type[col.id]">
-                                {{ scope.row.pay_type[col.id].income }}/
-                                {{ scope.row.pay_type[col.id].cost }}/
-                                {{ scope.row.pay_type[col.id].check_num }}
-                            </div>
-                            <div v-else>-</div>
-                        </template>
-                    </el-table-column>
-
-                </GuipTable>
-            </el-form>
-        </div>
-    </div>
-</template>
-<script>
-import GuipTable from '@/components/GuipTable.vue';
-import DateSelect from "@/components/super/DateSelect.vue";
-import CustomDropdown from "@/components/CustomDropdown.vue";
-
-export default {
-    components: {
-        CustomDropdown, DateSelect,
-        GuipTable,
-    },
-    props: {
-        rankFlag: {
-            type: String,
-            default: ''
-        },
-    },
-    data() {
-        return {
-            date:'',
-            uid:0,
-            chktype:0,
-
-            id: 0,
-
-            name:'',
-            monthList:[],
-            monthTotal:[],
-            payList:[],
-            nameList:[],
-
-            tableLoading:false,
-            tableKey: '',
-
-            sortIndex:'1',
-            sortOrder:'asc',
-            serviceRanking:{
-                '1':'利润排行',
-                '2':'收入排行',
-                '3':'支出排行',
-                '4':'检测量排行',
-            },
-            sortField: {
-                '1':'profit',
-                '2':'income',
-                '3':'cost',
-                '4':'check_num',
-            },
-        }
-    },
-    mounted() {
-        if(!this.$route.query.date) {
-            this.$message.error('非法请求');
-            this.$router.push('/agent/expenseStatistics')
-        }
-        this.date = this.$route.query.date
-
-        if(this.$route.query.id) this.id = this.$route.query.id
-        if(this.$route.query.uid) this.uid = this.$route.query.uid
-        if(this.$route.query.chktype) this.chktype = this.$route.query.chktype
-
-        this.getStats()
-    },
-    methods: {
-        getDate(dateStr) {
-            const date = new Date(dateStr);
-            const year = date.getFullYear(); // 2025
-            const month = date.getMonth() + 1; // 3 (表示3月)
-
-            return `${year}-${month}`
-        },
-        handleDateChange(date) {
-            this.date = this.getDate(date)
-            localStorage.setItem('date', JSON.stringify(date))
-
-            this.$refs.dropdownRef.closeDropdown();
-            this.getStats()
-        },
-        sort(index){
-            this.sortIndex = index
-            this.sortList()
-        },
-        sortChange({prop, order}){
-            this.sortIndex = prop
-            this.sortOrder = 'asc'
-            if (order === 'descending') this.sortOrder = 'desc'
-            this.sortList()
-        },
-        sortList(){
-            const field = this.sortField[this.sortIndex]
-            return this.monthList.sort((a, b) => {
-                const valA = a[field];
-                const valB = b[field];
-
-                // 处理字符串和数字类型的比较
-                if (typeof valA === 'string') {
-                    return this.sortOrder === 'asc'
-                        ? valA.localeCompare(valB)
-                        : valB.localeCompare(valA);
-                } else {
-                    return this.sortOrder === 'asc'
-                        ? valA - valB
-                        : valB - valA;
-                }
-            });
-        },
-        getStats(){
-            this.monthList=[]
-            this.monthTotal=[]
-            this.payList=[]
-            this.nameList=[]
-            this.tableKey = Math.random();
-            if(this.id){
-                if(this.rankFlag == 'chktype') {
-                    this.getChktypeStatsRank()
-                    return true
-                }
-                this.getSiteStatsRank()
-                return true
-            }
-
-            this.getDayStats();
-        },
-        getSummaries() {
-            const sums = [];
-
-            let index = -1
-            if(this.id) sums[++index] = '-'
-            sums[++index] = `小计`
-            sums[++index] = this.monthTotal.profit
-            sums[++index] = this.monthTotal.income
-            sums[++index] = this.monthTotal.cost
-            sums[++index] = this.monthTotal.check_num
-            this.payList.forEach(column =>{
-                sums[++index] = this.monthTotal.pay_type[column.id].income + '/' + this.monthTotal.pay_type[column.id].cost + '/' + this.monthTotal.pay_type[column.id].check_num
-            })
-            return sums;
-        },
-        getDayStats() {
-            this.tableLoading = true
-            try {
-                this.$http('POST', '/agentnew/ajax_get_day_stats', {
-                    date: this.date,
-                    uid: this.uid,
-                    type: this.chktype,
-                }).then(response => {
-                    this.$nextTick(() => {
-                        this.name = response.data.name
-                        this.monthList = response.data.list
-                        this.payList = response.data.pay_list
-                        this.monthTotal = response.data.total
-                    })
-                }).catch(error => {
-                    console.error(error, 'error')
-                })
-            } catch (error) {
-                console.error('数据加载失败:', error)
-            } finally {
-                this.tableLoading = false
-            }
-        },
-        getSiteStatsRank() {
-            this.tableLoading = true
-            try {
-                this.$http('POST', '/agentnew/ajax_get_site_stats_rank', {
-                    date: this.date,
-                    type: this.id,
-                }).then(response => {
-                    this.tableLoading = false
-                    this.$nextTick(() => {
-                        this.name = response.data.name
-                        this.monthList = response.data.list
-                        this.monthTotal = response.data.total
-                        this.nameList = response.data.name_list
-                        this.sortList()
-                    })
-                }).catch(error => {
-                    console.error(error, 'error')
-                })
-            } catch (error) {
-                console.error('数据加载失败:', error)
-            } finally {
-                this.tableLoading = false
-            }
-        },
-        getChktypeStatsRank() {
-            this.tableLoading = true
-            try {
-                this.$http('POST', '/agentnew/ajax_get_chktype_stats_rank', {
-                    date: this.date,
-                    uid: this.id,
-                }).then(response => {
-                    this.tableLoading = false
-                    this.$nextTick(() => {
-                        this.name = response.data.name
-                        this.monthList = response.data.list
-                        this.monthTotal = response.data.total
-                        this.nameList = response.data.name_list
-                        this.sortList()
-                    })
-                }).catch(error => {
-                    console.error(error, 'error')
-                })
-            } catch (error) {
-                console.error('数据加载失败:', error)
-            } finally {
-                this.tableLoading = false
-            }
-        },
-    }
-}
-
-</script>
-<style lang="scss" scoped>
-::v-deep .el-table__footer-wrapper tbody td.el-table__cell {
-  background-color: #E8F0FE; /* 背景色 */
-  color: #006AFF; /* 文字颜色 */
-  font-weight: 600;
-}
-.el-form-item{
-    margin-bottom: 0 !important;
-}
-.expense-wrap{
-
-    .ver-anchor-point {
-        height: 28px;
-        display: flex;
-        align-items: center;
-        padding: 4px 12px;
-        white-space: nowrap;
-        transition: all .3s;
-        border-radius: 14px;
-        background: #FFFFFF;
-        box-sizing: border-box;
-        border: 1px solid #DFE2E6;
-        letter-spacing: 0.08em;
-        color: #8A9099;
-        cursor: pointer;
-    }
-    .ver-anchor-point:hover {
-        border-color: transparent;
-        transition: all .3s;
-        color: #006AFF;
-        background: #F2F3F5;
-    }
-    .ver-anchor-point-active{
-        color: #006AFF;
-    }
-    .pagetitle {
-        text-align: left;
-        font-size: 16px;
-        font-weight: bold;
-        line-height: normal;
-        letter-spacing: 0.08em;
-        color: #1E2226;
-        margin-top: 8px;
-    }
-    .monthTotal-wrap{
-        display: grid;
-        grid-gap: 12px;
-        grid-template-columns: repeat(auto-fit, 287px);
-    }
-
-    .loss-tip{
-        width: 50px;
-        height: 24px;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        box-sizing: border-box;
-        border-radius: 4px;
-        background: #FFF1F0;
-        box-sizing: border-box;
-        border: 1px solid #FFA39E;
-        font-size: 14px;
-        font-weight: normal;
-        line-height: 20px;
-        text-align: center;
-        letter-spacing: 0.08em;
-        color: #FF4D4F;
-    }
-    .total-item{
-        padding: 14px 16px;
-        font-size: 12px;
-        letter-spacing: 0.03em;
-        color: #23242B;
-        box-sizing: border-box;
-        border-radius: 4px;
-        background: #F2F7FF;
-        .price{
-            text-align: left;
-            font-size: 12px;
-            font-weight: normal;
-            line-height: 15px;
-            letter-spacing: 0.08em;
-            color: #1E2226;
-            margin: 14px 0;
-            b{
-                font-size: 22px;
-                line-height: 20px;
-                letter-spacing: normal;
-            }
-        }
-        .total-bottom{
-            align-items: flex-start;
-        }
-    }
-    .loss{
-        background: #FFF1F0;
-        .top-left b{
-            color: #FF4D4F;
-        }
-    }
-    .gain{
-        background: #EFFFE0;
-        .top-left b{
-            color: #00C261;
-        }
-    }
-}
-</style>
\ No newline at end of file