qimall/addons/Purchase/backend/views/manager/index.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">
            <el-form ref="form" style="margin-bottom: 10px;" :model="search" label-width="96px" size="mini">
                <el-row :gutter="18">
                    <el-col :span="5" style="padding-left: 0;">
                        <el-form-item label="会员ID">
                            <el-input v-model="search.user_id" placeholder="请输入会员ID" clearable></el-input>
                        </el-form-item>
                    </el-col>

                    <el-col :span="5">
                        <el-form-item label="会员手机号">
                            <el-input v-model="search.mobile" placeholder="会员手机号" clearable></el-input>
                        </el-form-item>
                    </el-col>

                    <el-col :span="6">
                        <el-button type="primary" size="mini" @click="toSearch" >搜索</el-button>
                        <el-button type="danger" size="mini" @click="resetSearch" >清除</el-button>
                    </el-col>
                </el-row>
            </el-form>

            <el-tabs v-model="activeName">
                <el-table :data="list" stripe v-loading="loading" size="small" style="margin-bottom: 15px;">
                    <el-table-column label="用户信息" width="180">
                        <template slot-scope="scope">
                            <com-image style="float: left;margin-right: 5px;" class="avatar_url" mode="aspectFill" :src="scope.row.user.avatar_url ? scope.row.user.avatar_url : '/resources/img/common/default-avatar.png'"></com-image>
                            <div>ID：{{scope.row.user_id}}<br/>{{scope.row.nickname}}</div>
                        </template>
                    </el-table-column>

                    <el-table-column prop="mobile" label="手机号码" align="center" width="120"></el-table-column>

                    <el-table-column label="营业执照" prop="license" align="center">
                        <template slot-scope="scope">
                            <el-popover placement="top-start" trigger="hover">
                                <div class="from_img2">
                                    <img :src="scope.row.license" alt="">
                                </div>
                                <div class="preview_img" slot="reference">
                                    <img style="height: 80px;" :src="scope.row.license" alt="">
                                </div>
                            </el-popover>
                        </template>
                    </el-table-column>

                    <el-table-column label="店铺抬头" prop="store_info" width="300"></el-table-column>

                    <el-table-column label="身份证(正)" prop="idcart_front" align="center">
                        <template slot-scope="scope">
                            <el-popover placement="top-start" trigger="hover">
                                <div class="from_img2">
                                    <img :src="scope.row.idcart_front" alt="">
                                </div>
                                <div class="preview_img" slot="reference">
                                    <img style="height: 80px" :src="scope.row.idcart_front" alt="">
                                </div>
                            </el-popover>
                        </template>
                    </el-table-column>

                    <el-table-column label="身份证(反)" prop="idcart_back" align="center">
                        <template slot-scope="scope">
                            <el-popover placement="top-start" trigger="hover">
                                <div class="from_img2">
                                    <img :src="scope.row.idcart_back" alt="">
                                </div>
                                <div class="preview_img" slot="reference">
                                    <img style="height: 80px" :src="scope.row.idcart_back" alt="">
                                </div>
                            </el-popover>
                        </template>
                    </el-table-column>

                    <el-table-column label="身份证(手持)" prop="idcart_hands" align="center">
                        <template slot-scope="scope">
                            <el-popover placement="top-start" trigger="hover">
                                <div class="from_img2">
                                    <img :src="scope.row.idcart_hands" alt="">
                                </div>
                                <div class="preview_img" slot="reference">
                                    <img style="height: 80px;" :src="scope.row.idcart_hands" alt="">
                                </div>
                            </el-popover>
                        </template>
                    </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 label="操作" align="center" width="120">
                        <template slot-scope="scope">
                            <el-button type="text" v-if="scope.row.is_poss == 0" @click="handle('agree',scope.row)">同意</el-button>
                            <el-button type="text" v-if="scope.row.is_poss == 0" @click="handle('reject',scope.row)">驳回</el-button>
                            <el-button type="text" v-if="scope.row.is_poss == 1" @click="handle('destroy',scope.row)">删除</el-button>
                        </template>
                    </el-table-column>
                </el-table>
            </el-tabs>

            <div style="text-align: right;margin: 20px 0;">
                <el-pagination @current-change="pagination" background layout="prev, pager, next" :page-count="pageCount"></el-pagination>
            </div>
        </div>
    </el-card>

    <!-- 驳回 -->
    <el-dialog title="驳回原因" :visible.sync="dialog">
        <el-form ref="operation" style="margin-bottom: 10px;" :model="operation" label-width="96px" size="mini">
            <el-row :gutter="24">
                <el-col :span="22" style="padding-left: 0;">
                    <el-form-item label="拒绝原因">
                        <el-input type="textarea" :rows="5" v-model="operation.reason" placeholder="请输入拒绝原因" clearable></el-input>
                    </el-form-item>
                </el-col>
            </el-row>
            <el-row :gutter="24">
                <el-col :span="6">
                    <el-form-item label="">
                        <el-button type="primary" size="mini" @click="handle('toReject',operation)" >提交</el-button>
                    </el-form-item>
                </el-col>
            </el-row>
        </el-form>
    </el-dialog>
</div>
<script>
    const app = new Vue({
        el: '#app',
        data: {
            activeName: '-1',
            loading: false,
            helpLoading: false,
            dialog: false,
            page: 1,
            pageCount: 0,
            list: [],
            search: {
                user_id: null,
                mobile: null,
            },
            operation:{
                id: 0,
                status: 1,
                reason: '',
            },
            managerStatus: "<?= $managerStatus ?>",
            type: 'able',
        },
        mounted() {
            // 查询当前是审核还是正常页面
            this.loadData();
        },
        methods: {
            //获取列表信息
            loadData() {
                this.loading = true;
                let params = {
                    r: 'purchase/manager/index',
                    page:this.page,
                    manager_status:this.managerStatus
                };
                params = Object.assign(params, this.search);
                request({
                    params: params,
                    method: 'get'
                }).then(e => {
                    this.loading = false;
                    if (e.data.code == 0) {
                        this.list = e.data.data.list;
                        this.pageCount = e.data.data.list.page_count;
                        this.page = e.data.data.list.page;
                    } else {
                        this.$message.error(e.data.msg);
                    }
                }).catch(e => {
                    this.loading = false;
                });
            },
            pagination(currentPage) {
                let self = this;
                self.page = currentPage;
                self.loadData();
            },
            //搜索
            toSearch() {
                this.page = 1;
                this.loadData();
            },
            //清空搜索
            resetSearch() {
                this.search = {};
                this.loadData();
            },
            // 操作处理
            handle(type, data = null) {
                let id = data ? parseInt(data.id) : '';
                switch (type) {
                    case 'destroy':
                        params = {id: data.id, status: -1};
                        this.$confirm('删除该条数据后不可以恢复, 是否继续?', '警告', {type: 'warning'}).then(() => {
                            this.send(params,'purchase/manager/handle',(resp) => {
                                if (resp.code == 0) this.loadData();
                            })
                        })
                        break;
                    case 'agree':// 点击同意按钮
                        params = {id: data.id, is_poss: 1, status: 1};
                        this.$confirm('是否同意该用户的申请?', '警告', {type: 'warning'}).then(() => {
                            this.send(params,'purchase/manager/handle',(resp) => {
                                if (resp.code == 0) this.loadData();
                            })
                        })
                        break;
                    case 'reject':// 点击驳回按钮
                        this.dialog = true;
                        this.operation.id = data.id;
                        this.operation.is_poss = -1;
                        break;
                    case 'toReject':// 驳回提交
                        this.dialog = false;
                        this.send(this.operation,'purchase/manager/handle',(resp) => {
                            if (resp.code == 0) this.loadData();
                        })
                        break;
                }
            },
            send(params,url,callback = null) {
                let self = this;
                request({
                    params: {
                        r:url
                    },
                    method: 'post',
                    data:params
                }).then(e => {
                    if (e.data.code == 0) {
                        self.$message.success(e.data.msg);
                    } else {
                        self.$message.error(e.data.msg);
                    }
                    if (callback) callback(e.data);
                }).catch(e => {
                    console.log(e);
                });
            },
        }
    });
</script>