suochencheng
/
FangYuan


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173
							<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <jsp:include page="head.jsp"/>
    <title>享居屋房源管理系统</title>
</head>
<body>
<jsp:include page="contentBefore.jsp"/>
<template>
      <div class="filters">
        <el-button type="primary" @click="create()">创建</el-button>
        <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="serviceType"
                label="服务类型"
                align="center">
        </el-table-column>
        
        <el-table-column
                label="图片"
                align="center"
                >
            <template scope="scope">
                <img class="singleImg" :src="scope.row.realImage">
            </template>
        </el-table-column>
        
        <el-table-column
        		prop="title"
                label="标题"
                align="center">
        </el-table-column>
        
        <el-table-column
        		prop="price"
                label="价格"
                align="center">
        </el-table-column>
        
        <el-table-column
        		prop="workMinute"
                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)">编辑</el-button>
                <el-button size="small" type="danger" @click="deleteRow(row)">删除</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.getRows();
        },
        data: function () {
            return {
                menu: '8-1',
                user: {
                    id: '',
                    username: 'admin',
                    avatar: ''
                },
                loading: false,
                totalNumber: 0,
                totalPage: 10,
                currentPage: 1,
                pageSize: 20,
                rows: []
            };
        },
        methods: {
            logout: function () {
                this.$confirm('确定要注销吗?', '提示', {
                    confirmButtonText: '确定',
                    cancelButtonText: '取消',
                    type: 'info'
                }).then(function () {
                    localStorage.removeItem('user');
                    this.$router.push({path: '/login'});
                }.bind(this)).catch(function (e) {

                });
            },
            getRows: function () {
                $.get({
                    url: '../serviceInfo/page',
                    data: {
                        currentPage: this.currentPage,
                        pageNumber: this.pageSize
                    }
                }).then(function (res) {
                    if (res.success) {
                        this.totalNumber = res.data.page.totalNumber;
                        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 = 'serviceInfo?id=' + row.id;
            },
            deleteRow: function (row) {
                this.$confirm('确定要删除吗?', '提示', {
                    confirmButtonText: '删除',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(function () {
                    return $.post({
                        url: '../serviceInfo/del',
                        data: {
                            id: row.id
                        }
                    })
                }.bind(this)).then(function (res) {
                    if (res.success) {
                        this.$message.success('删除成功');
                        this.getRows();
                    } else {
                        this.$message.error('删除失败');
                    }
                }.bind(this)).catch(function () {

                });
            },
            create: function () {
                window.location = 'serviceInfo';
            }
        }
    })
</script>


</html>