qimall/addons/Agent/backend/views/default/supplier-commission.php

<?php

use common\helpers\ComponentHelper;

ComponentHelper::loadComponentView('com-user-info');
ComponentHelper::loadComponentView('com-list-page');
ComponentHelper::loadComponentView('com-list-table');
?>
<com-list-page :crumbs="crumbs" id="application">
    <com-list-table ref="table" :api="api" :search-list="searchList">
        <el-table-column prop="id" label="买家" align="center">
            <template slot-scope="scope">
                <com-user-info :user="scope.row.buyUser"></com-user-info>
            </template>
        </el-table-column>
        <el-table-column prop="buy_level_text" label="身份" align="center">
            <template slot-scope="scope">
                <el-tag size="small" type="info" v-if="scope.row.buy_level == 0">普通会员</el-tag>
                <el-tag size="small" v-else>{{ scope.row.buy_level_text }}</el-tag>
            </template>
        </el-table-column>
        <el-table-column prop="id" label="卖家" align="center">
            <template slot-scope="scope">
                <com-user-info :user="scope.row.sellerUser"></com-user-info>
            </template>
        </el-table-column>
        <el-table-column prop="seller_level_text" label="身份" align="center">
            <template slot-scope="scope">
                <el-tag size="small" type="info" v-if="scope.row.seller_level == 0">普通会员</el-tag>
                <el-tag size="small" v-else>{{ scope.row.seller_level_text }}</el-tag>
            </template>
        </el-table-column>
        <el-table-column label="利润" align="center">
            <template slot-scope="scope">
                ￥{{ scope.row.profit }}
            </template>
        </el-table-column>
        <el-table-column label="奖项" align="center">
            <template slot-scope="scope">
                <el-tag size="small">{{ scope.row.capital_type_text }}</el-tag>
            </template>
        </el-table-column>
        <el-table-column label="订单号" align="center" width="280">
            <template slot-scope="scope">
                会员订单号：{{ scope.row.order_no }} <br>
                供应商订单号：{{ scope.row.supplier_order_no }}
            </template>
        </el-table-column>
        <el-table-column label="货款金额" align="center">
            <template slot-scope="scope">
                ￥{{ scope.row.payment_amount }}
            </template>
        </el-table-column>
        <el-table-column label="订单状态" align="center">
            <template slot-scope="scope">
                <el-tag size="small">{{ scope.row.order.order_status_text }}</el-tag>
            </template>
        </el-table-column>
        <el-table-column prop="pay_time_text" label="收入时间" align="center"></el-table-column>
        <el-table-column label="操作" align="center">
            <template slot-scope="scope">
                <el-button size="mini" type="text" @click="clickListRedistributeCommission(scope.row.order_no)" v-if="scope.row.order.order_status != -4">订单纠错</el-button>
            </template>
        </el-table-column>
        <template slot="header-left">
            <el-button type="primary" size="mini" @click="exportData" :loading="btnLoad">导出全部</el-button>
            <el-button type="primary" size="mini" @click="deliveryTaskClick" :loading="btnLoad" :disabled="!isShowDeliveryTaskBtn">同步旧数据</el-button>
            <el-button type="primary" size="mini" @click="redistributeCommissionsDialog = true">订单纠错</el-button>


            <!--dialog-->
            <el-dialog
                    title="订单纠错"
                    :destroy-on-close="true"
                    @close="hideRedistributeCommissionsDialog"
                    :visible.sync="redistributeCommissionsDialog">
                <div class="table-search">
                    <div class="search-input">
                        <div class="search-input-item">
                            <p class="search-input-item-title">订单号</p>
                            <el-input size="mini" style="width: 200px;" clearable v-model="orderNo" placeholder="请输入订单号"></el-input>
                        </div>
                    </div>
                    <div class="search-btn">
                        <el-button type="primary" size="mini" @click="redistributeCommissionsSearch">搜索</el-button>
                    </div>
                </div>
                <el-table
                        :data="orderDetailsList"
                        @selection-change="redistributeCommissionsSelectionChange"
                        size="small">
                    <el-table-column type="selection" width="55"></el-table-column>
                    <el-table-column label="商品">
                        <template slot-scope="scope">
                            <div flex="cross:center">
                                <div style="margin-right: 10px;">
                                    <el-image style="width: 50px; height: 50px;border-radius: 5px;"
                                              :src="scope.row.pic_url"></el-image>
                                </div>
                                <el-tooltip class="item" effect="dark" :content="scope.row.goods_name+''" placement="top">
                                    <span class="over2" style="text-align: left">
                                        {{scope.row.goods_name}}
                                        <br>
                                        ID:{{scope.row.goods_id}}
                                    </span>
                                </el-tooltip>
                            </div>
                        </template>
                    </el-table-column>
                    <el-table-column property="num" label="商品数量"></el-table-column>
                </el-table>
                <p style="text-align: center; color: red;margin-top: 15px;"><i>注意：此操作不可回退，请谨慎操作！</i></p>
                <div slot="footer" class="dialog-footer">
                    <el-button size="small" @click="hideRedistributeCommissionsDialog">取 消</el-button>
                    <el-button size="small"
                               type="primary"
                               @click="redistributeCommissions"
                               :loading="redistributeCommissionsLoading"
                               :disabled="selectionOrderDetailsIds.length === 0">
                        确 定</el-button>
                </div>
            </el-dialog>
        </template>
    </com-list-table>
</com-list-page>

<script>
    const application = new Vue({
        el: '#application',
        data: function () {
            return {
                api: 'agent/default/supplier-commission',
                crumbs: [
                    {
                        title: '供应商收入',
                    }
                ],
                exportList: [],
                btnLoad: false,
                isShowDeliveryTaskBtn: <?= $allowDeliveryTask ?>,
                redistributeCommissionsDialog: false,
                orderDetailsList: [],
                orderNo: '',
                selectionOrderDetailsIds: [],
                redistributeCommissionsLoading: false
            }
        },
        computed: {
            searchList() {
                return [
                    {
                        key: 'order_no',
                        title: '会员订单号',
                        type: 'text',
                    },
                    {
                        key: 'buy_keyword',
                        title: '买家ID/手机号',
                        type: 'text',
                    },
                    {
                        key: 'seller_keyword',
                        title: '卖家ID/手机号',
                        type: 'text',
                    }
                ]
            }
        },
        methods: {
            exportData() {
                let searchParams = JSON.stringify(this.$refs['table'].searchParams) == '{}'
                    ? {}
                    : this.$refs['table'].searchParams
                let params = {
                    order_no: searchParams.order_no,
                    buy_keyword: searchParams.buy_keyword,
                    seller_keyword: searchParams.seller_keyword,
                }
                request({
                    params: {
                        r: 'agent/default/supplier-commission-export'
                    },
                    data: {params},
                    method: 'post',
                }).then(e => {
                    if (e.data.code == 0) {
                        this.$message.success(e.data.msg)
                    } else {
                        this.$message.error(e.data.msg)
                    }
                    this.btnLoad = false
                }).catch(e => {
                    this.btnLoad = false
                    this.$message.error('未知错误')
                })
            },
            deliveryTaskClick() {
                this.isShowDeliveryTaskBtn = false

                request({
                    params: {
                        r: 'agent/default/sync-old-data'
                    },
                }).then(e => {
                    if (e.data.code == 0) {
                        this.$message.success(e.data.msg)
                    } else {
                        this.$message.error(e.data.msg)
                    }
                }).catch(e => {
                    this.$message.error('未知错误')
                })
            },
            /**
             * 确认重新分配
             */
            redistributeCommissions() {
                if (this.selectionOrderDetailsIds.length === 0) {
                    this.$message.error('请选择订单')
                    return
                }

                this.redistributeCommissionsLoading = true

                request({
                    params: {
                        r: 'agent/default/redistribute-commissions',
                    },
                    data: {
                        order_details_ids: this.selectionOrderDetailsIds,
                    },
                    method: 'post',
                }).then(e => {
                    if (e.data.code == 0) {
                        this.redistributeCommissionsDialog = false
                        this.$message.success('操作成功')
                        this.$refs.table.getList()
                    } else {
                        this.$message.error(e.data.msg)
                    }
                }).catch(e => {
                    this.$message.error('未知错误')
                }).finally(e => {
                    this.redistributeCommissionsLoading = false
                })
            },
            /**
             * 隐藏订单纠错弹窗
             */
            hideRedistributeCommissionsDialog() {
                this.redistributeCommissionsDialog = false
                this.orderNo = ''
                this.selectionOrderDetailsIds = []
                this.orderDetailsList = []
            },
            /**
             * 订单搜索
             */
            redistributeCommissionsSearch() {
                if (String(this.orderNo) === '') {
                    this.$message.error('请填写订单号')
                    return
                }

                request({
                    params: {
                        r: 'agent/default/get-order-details',
                        order_no: this.orderNo,
                    },
                }).then(e => {
                    if (e.data.code == 0) {
                        this.orderDetailsList = e.data.data
                    } else {
                        this.$message.error(e.data.msg)
                    }
                }).catch(e => {
                    this.$message.error('未知错误')
                })
            },
            /**
             * 订单选择
             */
            redistributeCommissionsSelectionChange(ids) {
                this.selectionOrderDetailsIds = ids.map(item => item.id)
            },
            /**
             * 点击列表的订单纠错
             */
            clickListRedistributeCommission(order_no) {
                this.orderNo = order_no
                this.redistributeCommissionsDialog = true
                this.redistributeCommissionsSearch()
            }
        }
    })
</script>
<style lang="scss" scoped>
.table-search {
    display: flex;
    float: right;

    .search-input {
        display: flex;
        margin-right: 5px;

        .search-input-item {
            width: auto;
            display: flex;
            align-items: center;

            .search-input-item-title {
                margin-right: 5px;
            }
        }
    }
    .search-btn {

    }
}
</style>