qimall/addons/Store/backend/views/store-commission-check/index.php

<?php
/**
 * 订单审核
 */

?>
<div id="app" v-cloak>
    <el-card shadow="never" style="border:0;min-width: 1000px;" body-style="background-color: #f3f3f3;padding: 10px 0 0;">
        <div slot="header">
            <span>订单审核</span>
        </div>
        <div class="table-body">
           <div flex>
            <div class="input-item">
                    <el-input  size="small" placeholder="请输入门店名称/手机号" v-model="search.keyword"
                            clearable @clear="toSearch">
                    </el-input>
                </div>
                <div>
                    <el-select v-model="search.check_status"  placeholder="请选择" clearable>
                        <el-option
                            v-for="(item , key) in check_status_map"
                            :label="item"
                            :value="key">
                        </el-option>
                    </el-select>
                </div>
                <div class="input-item input-item2">
                    <el-date-picker   el-date-picker
                    v-model="time"
                    type="daterange"
                    range-separator="至"
                    start-placeholder="开始日期"
                    end-placeholder="结束日期" @change="timechange" value-format="yyyy-MM-dd" >
                    </el-date-picker>
                </div>
                <div>
                    <el-button type="primary" size="small" style="padding: 9px 15px !important;" icon="el-icon-search" @click="toSearch">搜索</el-button>
                    <el-button  size="small" style="padding: 9px 15px !important;" icon="el-icon-refresh-right" @click="reset">重置</el-button>
                </div>
               
           </div>
            
            <el-table :data="list" :default-sort = "{prop: 'time'}">
                <el-table-column   el-table-column label="门店" prop="user_id" align="center">
                    <template slot-scope="scope">
                        <div flex>
                        <el-avatar :src="scope.row.logo_img"></el-avatar>
                        <div class="flexcenter" style="margin-left:10px">{{scope.row.store_name}}</div>
                        </div>
                    </template> 
                </el-table-column>
                <el-table-column   el-table-column label="手机号" prop="shop_mobile" align="center">
                </el-table-column>
                <el-table-column   el-table-column label="申请订单" prop="order_no" align="center">
                </el-table-column>
                <el-table-column   el-table-column label="时间"  align="center">
                     <template slot-scope="scope">
                        {{scope.row.created_at|dateTimeFormat('Y-m-d H:i:s')}}
                    </template>
            </el-table-column>

                <el-table-column   el-table-column label="状态" prop="consume_contribution_nums" align="center">
                <template slot-scope="scope">
                        {{check_status_map[scope.row.check_status]}}
                    </template>
                </el-table-column>

                <el-table-column   el-table-column label="图片" prop="total_score" align="center">
                     <template slot-scope="scope">
                         <div class="flexcenter" v-if="scope.row.voucher_img !== ''">
                             <image :src="scope.row.voucher_img" style="width:30px;height:30px"/>
                         </div>
                    </template>
                </el-table-column>
                <el-table-column   el-table-column label="操作" prop="wait_send_score" align="center">
                    <template slot-scope="scope">
                        <div v-if="scope.row.check_status == 0">
                            <el-button type="primary" size="mini"  icon="el-icon-check" plain @click="cherkStatus(scope.row,'1')">同意</el-button>
                            <el-button @click="editOpenBox(scope.row,'2')" type="danger" icon="el-icon-close" plain  size="mini">驳回</el-button>
                        </div>
                        <div v-else>
                        <!-- <el-button @click="deleteList(scope.row.id)" type="danger" icon="el-icon-close" plain  size="mini">删除</el-button> -->
                        </div>

                    </template>
                </el-table-column>
            </el-table>

            <!-- 分页 -->
            <div flex="box:last cross:center">
                <div></div>
                <div>
                    <el-pagination
                            v-if="list.length > 0"
                            style="display: inline-block;float: right;"
                            background :page-size="pageSize"
                            @current-change="pageChange"
                            layout="prev, pager, next" :current-page="current_page"
                            :total="totalCount">
                    </el-pagination>
                </div>
            </div>
        </div>
    </el-card>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data: {
            time:'',
            search: {
                keyword:'',
                start:'',
                end:'',
                check_status:null,
                page: this.current_page
            },
            time:[],
            list:[],
            page_count:0,
            pageSize:10,
            totalCount:0,
            current_page:1,
            check_status_map:[]
        },
        mounted() {
           this.getDataList(this.search)
        },
        methods: {
            //  获取数据
            getDataList(search = {}) {
                request({
                    params: {
                        r: 'store/store-commission-check/index',
                        ...search
                    },
                    method: 'get',
                }).then(e => {
                    console.log(e.data.data);
                    this.list = e.data.data.list
                    this.check_status_map = e.data.data.check_status_map
                    this.reasonList = e.data.data.reason_map
                    this.page_count = e.data.data.page_count
                    this.pageSize = e.data.data.page_size
                    this.totalCount = e.data.data.count
                }).catch(e => {
                    this.dialogLoading = false;
                    this.$message.error('未知错误');
                });
                
            },
            deleteList(id) {
                // console.log(id);
                let self = this;
                self.$confirm('删除该订单审核, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    self.listLoading = true;
                    request({
                    params: {
                        r: 'contribution/transfer/del',
                       
                    },
                    data: {
                        id:id,
                    },
                    method: 'post',
                    }).then(e => {
                        if (e.data.code === 0) {
                            self.$message.success(e.data.msg);
                            self.getDataList(this.search)
                        } else {
                            self.$message.error(e.data.msg);
                        }
                    }).catch(e => {
                        self.dialogLoading = false;
                        self.$message.error('未知错误');
                    });
                   
                }).catch(() => {
                    self.$message.info('已取消删除')
                });

                
            },
            editOpenBox(row,type){
                if(type == '2'){
                    this.$confirm('该操作将驳回该条订单审核, 是否继续?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(() => {
                    this.cherkStatus(row,type)
                   
                }).catch(() => {
                    self.$message.info('已取消删除')
                });
                } 
            },
            cherkStatus(row,type){
                let self = this
                request({
                    params: {
                        r: 'store/store-commission-check/check', 
                    },
                    data: {
                        id:row.id,
                        check_status:type
                    },
                    method: 'post',
                    }).then(e => {
                        if (e.data.code === 0) {
                            self.$message.success(e.data.msg);
                            self.getDataList(this.search)
                        } else {
                            self.$message.error(e.data.msg);
                        }
                    }).catch(e => {
                        self.dialogLoading = false;
                        self.$message.error('未知错误');
                    });
            },
            loadData() {
                this.getDataList(this.search)
            },
            // 搜索
            toSearch() {
                this.getDataList(this.search)
            },
            // 重置
            reset() {
                this.search = {
                    user_id: '',
                    page:1
                },
                this.getDataList(this.search)
            },
            // 分页
            pageChange(v) {
                this.search.page = v
                this.getDataList(this.search)
            },
            timechange(v) {
                if(v == null) {
                    v = ['','']
                    this.time = ['','']
                    this.search.start = null
                    this.search.end = null
                }else {
                    this.search.start = v[0] + ' 00:00:00'
                    this.search.end = v[1] + ' 00:00:00'
                }
                this.getDataList(this.search)
            },
            timeformat(v) {
                let time = new Date(v*1000)
                return time.getFullYear() +'/'+(time.getUTCMonth()+1)+'/'+time.getDate() + ' '+ (time.getHours()<10?'0' +time.getHours():time.getHours()) +':'+ (time.getMinutes()<10?'0'+time.getMinutes():time.getMinutes()) + ':'+ (time.getSeconds()<10?'0'+time.getSeconds():time.getSeconds())
            }
        }
    });
</script>
<style>
    .table-body{
        padding: 20px;
        background-color: #fff;
    }
    .input-item {
        width: 250px;
        margin: 0 10px 20px;
        display: inline-block;
    }
    .input-item2{
        width:400px;
    }
    .flexcenter{
        display: flex;
        justify-content: center;
        align-items: center;
    }
</style>