suochencheng
/
FangYuan


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259
							<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <jsp:include page="head.jsp"/>
    <meta charset="utf-8">
    <title>享居屋房源管理系统</title>
</head>
<body>
<jsp:include page="contentBefore.jsp"/>
<template>
    <div class="filters">
        <el-button type="primary" @click="create()" v-if="userLimit==4" >创建</el-button>
        <el-select v-model="limitFKey" clearable filterable placeholder="请选择权限" @change="getRows">
            <el-option value="1" label="业务员">
            </el-option>
            <el-option value="2" label="经理">
            </el-option>
            <el-option value="3" label="区域经理">
            </el-option>
            <el-option value="5" label="督导">
            </el-option>
            <el-option value="4" label="管理员">
            </el-option>
        </el-select>
        <!--     <div class="num"> 共{{totalNumber}}用户</div> -->
    </div>

    <el-table :data="rows"
              ref="table"
              style="width: 100%"
              element-loading-text="拼命加载中"
              stripe
              v-loading="loading">
        <el-table-column
                type="index"
                width="70"
                align="center">
        </el-table-column>
        <!--          <el-table-column -->
        <!--                 prop="id" -->
        <!--                 label="id" -->
        <!--                 align="center" v-show="false"> -->
        <!--         </el-table-column> -->
        <el-table-column
                prop="userName"
                label="用户名"
                align="center">
        </el-table-column>
        <!--         <el-table-column
                        prop="id"
                        label="id"
                        align="center">
                </el-table-column> -->
        <el-table-column
                prop="address"
                label="区域"
                align="center">
        </el-table-column>
        <!--          <el-table-column -->
        <!--         		prop="limitF" -->
        <!--                 label="权限" -->
        <!--                 align="center"> -->
        <!--         </el-table-column> -->
        <el-table-column
                label="权限"
                align="center">
            <template scope="scope">
                <span v-if="scope.row.limitF==1">业务员</span>
                <span v-else-if="scope.row.limitF==2">经理</span>
                <span v-else-if="scope.row.limitF==3">区域经理</span>
                <span v-else-if="scope.row.limitF==4">管理员</span>
                <span v-else-if="scope.row.limitF==5">督导</span>
            </template>
        </el-table-column>
        <!--  <el-table-column
                 label="头像"
                 align="center">
                  <template scope="scope">
                 <img class="userIcon" :src="scope.row.icon">
             </template>
         </el-table-column> -->
        <!--    <el-table-column
                   prop="delFlag"
                   label="delFlag"
                   align="center">
           </el-table-column> -->
        <!--         <el-table-column
                        prop="realName"
                        label="真实姓名"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="idCard"
                        label="身份证"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="moneyCoin"
                        label="余额"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="openId"
                        label="openId"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="technicianId"
                        label="技师"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="realFlag"
                        label="实名认证"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="depositNum"
                        label="押金"
                        align="center">
                </el-table-column>
                <el-table-column
                        prop="depositFlag"
                        label="是否缴纳押金"
                        align="center">
                </el-table-column> -->
        <el-table-column
                :context="_self"
                width="150"
                inline-template
                label="操作"
                align="center">
            <div>
                <el-button size="small" @click="editRow(row)" v-show="userLimit==4">编辑</el-button>
                <el-button size="small" type="danger" @click="deleteRow(row)" v-show="userLimit==4">删除</el-button>
            </div>
        </el-table-column>
    </el-table>

    <div class="pagination-wrapper" v-show="!loading">
        <el-pagination layout="sizes, prev, pager, next" :page-size="pageSize" :total="totalNumber"
                       :page-size="pageSize"
                       :current-page="currentPage" @current-change="pageChange" @size-change="sizeChange">
        </el-pagination>
    </div>

</template>
<jsp:include page="contentAfter.jsp"/>
</body>
<script>
    new Vue({
        el: '#app',
        created: function () {
            this.getUserLimit();
            this.getRows();
        },
        data: function () {
            return {
                menu: '1-2',
                user: {
                    id: '',
                    username: 'admin',
                    avatar: ''
                },
                loading: false,
                totalNumber: 0,
                totalPage: 10,
                currentPage: 1,
                pageSize: 20,
                rows: [],
                limitFKey: '',
                userLimit:'',
            };
        },
        methods: {
            /* logout: function () {
                this.$confirm('确定要注销吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'info'
                }).then(function () {
                    localStorage.removeItem('user');
                    this.$router.push({path: '/login'});
                }.bind(this)).catch(function (e) {

                });
            }, */
            getUserLimit: function () {
                var that = this;
                $.get({
                    url: 'getUserLimit',
                    data: {}
                }).then(function (res) {
                    if (res.success) {
                        that.userLimit = res.data.limitF;
                    }
                }.bind(this))
            },
            getRows: function () {
                $.get({
                    url: 'getUserInfo',
                    data: {
                        currentPage: this.currentPage,
                        pageNumber: this.pageSize,
                        limitF: this.limitFKey,
                    }
                }).then(function (res) {
                    if (res.success) {
                        this.totalNumber = res.data.page.totalNumber;
                        console.log(res.data);

                        this.rows = res.data.pp;
                    }
                }.bind(this))
            },
            pageChange: function (page) {
                this.currentPage = page;
                this.getRows();
            },
            sizeChange: function (size) {
                this.pageSize = size;
                this.getRows();
            },
            editRow: function (row) {
                window.location = 'userInfo?id=' + row.id;
            },
            deleteRow: function (row) {
                this.$confirm('确定要删除吗?', '提示', {
                    confirmButtonText: '删除',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(function () {
                    return $.post({
                        url: 'delUser',
                        data: {
                            id: row.id
                        }
                    })
                }.bind(this)).then(function (res) {
                    if (res.success) {
                        this.$message.success('删除成功');
                        this.getRows();
                        window.location.href = "toUserInfo";
                    } else {
                        this.$message.error('删除失败');
                    }
                }.bind(this)).catch(function () {

                });
            },
            create: function () {
                window.location.href = "userInfo"
            }
        }
    })
</script>


</html>