suochencheng
/
FangYuan


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631
							<%@ 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">
        <input id="searchId" v-model="searchId" class="h34" type="text" name="searchText" placeholder="请输入内容"/>
        <select id="typeId" v-model="typeId" class="h34">
            <option value="">请选择类型</option>
            <option value="name">名字</option>
            <option value="address">地区</option>
            <option value="phone">电话</option>
            <option value="note">备注</option>
            <option value="submitter">开单人</option>
        </select>
        <!-- <el-select v-model="value8" placeholder="请选择">
            <el-option
              v-for="item in options"
              :key="item.value"
              :label="item.label"
              :value="item.value">
            </el-option>
         </el-select> -->
        <el-button type="primary" @click="serchLike()" class="btn34">搜索</el-button>

        <el-select v-model="reviewFlagKey" size="small" clearable filterable placeholder="审核状态" @change="serchLike"
                   style="width:120px">
            <el-option key="N" label="审核中" value="N"></el-option>
            <el-option key="Y" label="通过" value="Y"></el-option>
            <el-option key="F" label="解除" value="F"></el-option>
        </el-select>

        <!--  	<el-button type="primary" @click="create()" class="btn34">创建</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="address"
                label="房屋地址"
                align="center">
        </el-table-column>
        <el-table-column
                prop="name"
                label="租客姓名"
                align="center">
        </el-table-column>
        <!-- 		<el-table-column -->
        <!-- 				prop="idCard" -->
        <!-- 				label="身份证号码" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="身份证正面" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.idCardPhotoA"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="idCardPhotoB" -->
        <!-- 				label="身份证背面" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.idCardPhotoA"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column
                        prop="equityProveA"
                        label="资产证明A"
                        align="center">
                        <template scope="scope">
                            <img class="singleImg" :src="scope.row.idCardPhotoA">
                        </template>
                </el-table-column>
                <el-table-column
                        label="资产证明B"
                        align="center">
                        <template scope="scope">
                            <img class="singleImg" :src="scope.row.equityProveB">
                        </template>
                </el-table-column>
                <el-table-column
                        label="资产证明C"
                        align="center">
                        <template scope="scope">
                            <img class="singleImg" :src="scope.row.equityProveC">
                        </template>
                </el-table-column>
                <el-table-column
                        label="资产证明D"
                        align="center">
                        <template scope="scope">
                            <img class="singleImg" :src="scope.row.equityProveD">
                        </template>
                </el-table-column> -->
        <el-table-column
                prop="phone"
                label="电话"
                align="center">
        </el-table-column>
        <!-- 		<el-table-column -->
        <!-- 				prop="contractA" -->
        <!-- 				label="合同A" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.contractA"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="合同B" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.contractB"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="合同C" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.contractC"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="合同D" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.contractD"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="交接单" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.handover"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- <!-- 		<el-table-column -->
        <!-- 				label="房东委托授权书" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.commission"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> --> -->
        <!-- 		<el-table-column -->
        <!-- 				label="押金收据" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.depositPaper"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="waterMetersNum" -->
        <!-- 				label="水表号" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="水表号照片" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.waterMetersNumPhoto"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="waterMetersValue" -->
        <!-- 				label="水表数值" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="水表数值照片" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.waterMetersValuePhoto"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="waterMetersReadValue" -->
        <!-- 				label="水表读数" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="水表读数照片" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.waterMetersReadValuePhoto"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="elecMetersNum" -->
        <!-- 				label="电表号" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="电表号照片" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.elecMetersNumPhoto"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="elecMetersValue" -->
        <!-- 				label="电表数值" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="电表数值照片" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.elecMetersValuePhoto"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="elecMetersReadValue" -->
        <!-- 				label="电表读数" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="电表读数照片" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.elecMetersReadValuePhoto"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="gasMetersNum" -->
        <!-- 				label="燃气表号" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="燃气表号照片" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.gasMetersNumPhoto"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="gasMetersValue" -->
        <!-- 				label="燃气表数值" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="燃气表数值照片" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.gasMetersValuePhoto"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="gasMetersReadValue" -->
        <!-- 				label="燃气表读数" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				label="燃气表读数照片" -->
        <!-- 				align="center"> -->
        <!-- 				<template scope="scope"> -->
        <!-- 	                <img class="singleImg" :src="scope.row.gasMetersReadValuePhoto"> -->
        <!-- 	            </template> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="medium" -->
        <!-- 				label="中介" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <el-table-column
                prop="note"
                label="备注"
                align="center">
        </el-table-column>
        <el-table-column
                prop="submitter"
                label="开单人"
                align="center">
        </el-table-column>
        <el-table-column
                prop="reviewFlag"
                :formatter="formatReviewFlag"
                label="审核"
                align="center">
        </el-table-column>
        <!-- 		<el-table-column
                        prop="type"
                        label="type"
                        align="center">
                </el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="createdTime" -->
        <!-- 				label="createdTime" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <!-- 		<el-table-column -->
        <!-- 				prop="delFlag" -->
        <!-- 				label="delFlag" -->
        <!-- 				align="center"> -->
        <!-- 		</el-table-column> -->
        <el-table-column
                :context="_self"
                width="220"
                inline-template
                label="操作"
                align="center">
            <div>
                <el-button size="small" @click="editRow(row)"
                           v-show="userLimit==1||userLimit==2||userLimit==3||userLimit==4||userLimit==5">查看
                </el-button>
                <el-button size="small" @click="auditorRow(row)"
                           v-show="userLimit==2||userLimit==3||userLimit==4||userLimit==5"
                           v-if="row.reviewFlag=='N'">
                    审核
                </el-button>
                <!-- <el-button size="small" @click="editRow(row)" v-show="userLimit==2||userLimit==3">查看</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>

<template>
    <el-dialog title="审核" v-model="showDialog">
        <el-form :model="testimonials"
                 label-width="120px"
                 v-loading="loading">
            <el-form-item label="原因">
                <el-input v-model="testimonials.content"></el-input>
            </el-form-item>
        </el-form>
        <span slot="footer" class="dialog-footer">
            <el-button @click="showDialog = false">取 消</el-button>
            <el-button type="primary" @click="passTestimonials">通 过</el-button>
            <el-button type="danger" @click="failTestimonials">不通过</el-button>
        </span>
    </el-dialog>

</template>

<jsp:include page="contentAfter.jsp"/>
</body>
<script>
    function getQueryString(name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
        var r = window.location.search.substr(1).match(reg);
        if (r != null) return decodeURIComponent(r[2]);
        return null;
    }

    new Vue({
        el: '#app',
        created: function () {

            if (getQueryString('currentPage')) {
                this.currentPage = parseInt(getQueryString('currentPage'));
                this.pageSize = parseInt(getQueryString('pageSize'));
            }
            if (getQueryString('typeId')) {
                this.typeId = getQueryString('typeId');
            }
            if (getQueryString('searchId')) {
                this.searchId = getQueryString('searchId')
            }

            if (getQueryString('reviewFlagKey')) {
                this.reviewFlagKey = getQueryString('reviewFlagKey')
            }


            this.getUserLimit();
            this.serchLike();
        },
        data: function () {
            return {
                menu: '2-1',
                user: {
                    id: '',

                    username: 'admin',
                    avatar: ''
                },
                loading: false,
                userLimit: '',
                totalNumber: 0,
                totalPage: 10,
                currentPage: 1,
                pageSize: 20,
                rows: [],
                options: [{
                    value: 'name',
                    label: '名字'
                }, {
                    value: 'address',
                    label: '地址'
                }, {
                    value: 'phone',
                    label: '电话'
                }, {
                    value: 'note',
                    label: '备注'
                }],
                value8: '',
                showDialog: false,
                testimonials: {
                    name: '',
                    content: ''
                },
                auditorId: '',
                typeId: '',
                searchId: '',
                reviewFlagKey: '',
            };
        },
        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: '../rentInfo/page',
                    data: {
                        currentPage: this.currentPage,
                        pageNumber: this.pageSize,
                        type: 2
                    }
                }).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.serchLike();
            },
            sizeChange: function (size) {
                this.pageSize = size;
                this.serchLike();
            },
            editRow: function (row) {

                window.location = 'rentInfo?id=' + row.id
                    + "&currentPage=" + this.currentPage + "&pageSize=" + this.pageSize
                    + "&typeId=" + this.typeId + "&searchId=" + this.searchId + "&typeFlag=2&reviewFlagKey=" + this.reviewFlagKey;
            },
            deleteRow: function (row) {
                this.$confirm('确定要删除吗?', '提示', {
                    confirmButtonText: '删除',
                    cancelButtonText: '取消',
                    type: 'warning'
                }).then(function () {
                    return $.post({
                        url: '../rentInfo/del',
                        data: {
                            id: row.id
                        }
                    })
                }.bind(this)).then(function (res) {
                    if (res.success) {
                        this.$message.success('删除成功');
                        this.serchLike();
                    } else {
                        this.$message.error('删除失败');
                    }
                }.bind(this)).catch(function () {

                });
            },
            create: function () {
                window.location = 'rentInfo?type=2';
            },
            serchLike: function () {
                //console.log(this.value8)
                var type = this.typeId;
                var value = this.searchId;
                var nameVal;
                var addressVal;
                var phoneVal;
                var noteVal;
                var submitterVal;
                if (type == 'name') {
                    nameVal = value;
                } else if (type == 'address') {
                    addressVal = value
                }
                else if (type == 'phone') {
                    phoneVal = value
                } else if (type == 'note') {
                    noteVal == value
                }
                else if (type == 'submitter') {
                    submitterVal = value
                }
                console.log(type + "   " + value);
                console.log(nameVal + addressVal + phoneVal + noteVal + submitterVal);
                $.get({
                    url: '../rentInfo/rentLike',
                    data: {
                        currentPage: this.currentPage,
                        pageNumber: this.pageSize,
                        name: nameVal,
                        address: addressVal,
                        phone: phoneVal,
                        note: noteVal,
                        submitter: submitterVal,
                        type: 2,
                        reviewFlag: this.reviewFlagKey,
                    }
                }).then(function (res) {
                    console.log(res);
                    if (res.success) {
                        this.totalNumber = res.data.page.totalNumber;
                        this.rows = res.data.pp;
                    }
                }.bind(this))
            },
            auditorRow: function (row) {

                this.auditorId = row.id;
                this.showDialog = true;

            },
            passTestimonials: function () {
                var data = {
                    id: this.auditorId,
                    reviewFlag: 'Y',
                    reviewRemark: this.testimonials.content,
                    reviewTime: Date.parse(new Date()),
                };

                $.post({
                    url: '../rentInfo/update',
                    data: data,
                    success: function (res) {
                        if (res.success) {
                            this.$message.success('保存成功');
                            this.serchLike();
                            this.showDialog = false
                        } else {
                            this.$message.error('保存失败');
                        }
                        this.testimonials = {
                            name: '',
                            content: ''
                        }
                        this.auditorId = ''
                    }.bind(this)
                });
            },
            failTestimonials: function () {
                var data = {
                    id: this.auditorId,
                    reviewFlag: 'F',
                    reviewRemark: this.testimonials.content,
                    reviewTime: Date.parse(new Date()),
                };

                $.post({
                    url: '../rentInfo/update',
                    data: data,
                    success: function (res) {
                        if (res.success) {
                            this.$message.success('保存成功');
                            this.serchLike();
                            this.showDialog = false
                        } else {
                            this.$message.error('保存失败');
                        }
                        this.testimonials = {
                            name: '',
                            content: ''
                        }
                        this.auditorId = ''
                    }.bind(this)
                });
            },
            formatReviewFlag: function (row) {
                switch (row.reviewFlag) {
                    case 'N':
                        return '审核中';
                    case 'Y':
                        return '通过';
                    case 'F':
                        return '不通过';
                    default:
                        return '未知'
                }
            },
        }
    })
</script>
</html>