{"remainingRequest":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js??vue-loader-options!C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\dormitoryManage\\goout2.vue?vue&type=style&index=0&id=2594bd1a&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\dormitoryManage\\goout2.vue","mtime":1614735254000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\css-loader\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\loaders\\stylePostLoader.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\postcss-loader\\src\\index.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\sass-loader\\lib\\loader.js","mtime":1533139052000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\cache-loader\\dist\\cjs.js","mtime":499162500000},{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\node_modules\\vue-loader\\lib\\index.js","mtime":499162500000}],"contextDependencies":[],"result":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n@mixin box-style{\n    color: #fff;\n    border-radius: 6px;   \n    position: relative;\n    background: rgba(20, 30, 40, 0.8);\n    box-shadow: 0px 0px 55px rgba($color: #00BFFF, $alpha: 0.5) inset;\n    border: 2px solid rgba($color: #00BFFF, $alpha: 0.5);     \n}\n.left{\n    /deep/ .el-tree{\n        height: 710px;\n        padding-right: 10px;\n        overflow-y: auto;\n    }\n}\n\n.right{\n    height: calc(100vh - 30px - 50px - 150px);\n    .top{\n        margin-bottom: 20px;\n        .el-card {\n            background: transparent;\n            border-color: transparent;\n            background-color: transparent;\n            @include box-style; \n            div{\n                font-size: 20px;\n                text-align: center;\n            }\n        }\n    }\n    .roomContent{\n        .roomBox{\n            display: flex;\n            flex-wrap: wrap;\n            height: 510px;\n            overflow-y: auto;\n            .room{\n                width: 120px;\n                height: 120px;\n                padding: 20px;\n                margin: 0px 52px 35px 0px;\n                cursor: pointer;\n               @include box-style;\n                // &:nth-child(7n){\n                //     margin-right: 0px;\n                // }\n               .content{\n                    cursor: pointer;         \n                    .title{\n                        margin-top: 0px;\n                        color:#00BFFF;\n                    } \n                    div{\n                        margin-bottom: 10px;\n                    }\n               }                 \n            }          \n        }\n        .zanwu{\n            color: #fff;\n            text-align: center;\n        }\n        \n    }\n    /* 滚动条 */\n    .roomBox::-webkit-scrollbar-track{\n        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);\n        border-radius: 15px;\n        background-color: rgba(255,255,255,0.8);\n    }\n    .roomBox::-webkit-scrollbar{\n        width: 5px;\n        background-color: rgba(179, 174, 174, 0);\n    }\n    .roomBox::-webkit-scrollbar-thumb{\n        border-radius: 15px;\n        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);\n        background-color: #555;\n    }\n}\n.el-tooltip__popper {\n    .picCon{\n        display: flex;\n        .name{\n            display: inline-block;\n            font-size: 16px;\n            line-height: 70px;\n        }\n        .wgq{\n            color:red;\n            font-size:16px;\n            margin:40px 20px 0px 20px;\n        }\n        .ygq{\n            color:green;\n            font-size:16px;\n            margin:40px 20px 0px 20px;\n        }\n    }\n}\n",{"version":3,"sources":["goout2.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6MA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"goout2.vue","sourceRoot":"src/views/modules/dormitoryManage","sourcesContent":["<template>\n    <el-card shadow=\"never\" class=\"aui-card--fill\">\n        <el-row :gutter=\"20\">\n            <el-col :span=\"6\">\n                <div class=\"left\">\n                    <dormitory-tree ref=\"dormitoryTree\" type='goout' @treeFun=\"treeFun\"></dormitory-tree>\n                </div>\n            </el-col>\n            <el-col :span=\"18\">\n                <div class=\"right\">\n                    <div class=\"top\">\n                        <el-row :gutter=\"20\" class=\"statistics\">\n                            <el-col :span=\"6\">\n                                <el-card shadow=\"always\" class=\"aui-card--fill\">\n                                    <div>\n                                        <p>信息统计时间</p>\n                                        <p>{{currentTime}}</p>\n                                    </div>\n                                </el-card>\n                            </el-col>\n                            <el-col :span=\"6\">\n                                <el-card shadow=\"always\" >\n                                    <div>\n                                        <p>入住总人数</p>\n                                        <p>{{totalNum}}</p>\n                                    </div>\n                                </el-card>\n                            </el-col>\n                            <el-col :span=\"6\">\n                                <el-card shadow=\"always\" >\n                                    <div>\n                                        <p>宿舍内人数</p>\n                                        <p>{{backNum}}</p>\n                                    </div>\n                                </el-card>\n                            </el-col>\n                            <el-col :span=\"6\">\n                                <el-card shadow=\"always\" >\n                                    <div>\n                                        <p>宿舍外人数</p>\n                                        <p>{{outNum}}</p>\n                                    </div>\n                                </el-card>\n                            </el-col>\n                        </el-row>\n                    </div>\n                    <div class=\"roomContent\">\n                        <el-form :inline=\"true\" :model=\"formSearch\" class=\"demo-form-inline\">\n                            <el-form-item label=\"姓名：\">\n                                <el-input v-model=\"formSearch.scStuname\" placeholder=\"请输入\"></el-input>\n                            </el-form-item>\n                            <el-form-item label=\"学号：\">\n                                <el-input v-model=\"formSearch.scNo\" placeholder=\"请输入\"></el-input>\n                            </el-form-item>\n                            <el-form-item>\n                                <el-button @click=\"onSubmit\">查询</el-button>\n                                <el-button type=\"warning\" @click=\"clickReset\">重置</el-button>\n                            </el-form-item>\n                        </el-form>\n                        <div v-if=\"picArr.length=='0'\" class=\"zanwu\"><h1>暂无数据</h1></div>\n                        <div v-else class=\"roomBox\">       \n                            <div class=\"room\" v-for=\"(item,key) in picArr\" :key=\"key\">                               \n                                <el-tooltip v-if=\"item.dormitorypersonDTOS.length!='0'\" class=\"item\" placement=\"right\" effect=\"light\">\n                                    <div slot=\"content\">\n                                        <div class=\"picCon\" v-for='(i,ids) in item.dormitorypersonDTOS' :key=\"ids\">\n                                            <el-image style=\"width:80px;height:80px;margin:10px 20px 10px 0px;\" :src=\"$ImgServerUrl+i.scPhotoimg\" fit='fill'>\n                                                <div slot=\"error\" class=\"image-slot\">\n                                                    <img class=\"student-img\" src=\"../../../assets/img/person.jpg\">\n                                                </div>\n                                            </el-image>\n                                            <p class=\"name\">{{i.scStuname}}</p>\n                                            <p class=\"wgq\" v-if=\"i.isOut == '1'\">未归寝</p>\n                                            <p class=\"ygq\" v-else-if=\"i.isOut == '0'\">已归寝</p>\n                                        </div>                                      \n                                    </div>                                   \n                                    <div class=\"content\">\n                                        <div class=\"title\">{{item.drNum}}</div>\n                                        <div>宿舍内：{{item.backNum}}</div>\n                                        <div style=\"cursor: pointer;\">宿舍外：{{item.outNum}}</div>\n                                    </div>\n                                </el-tooltip>\n                                <div v-else-if=\"item.dormitorypersonDTOS.length =='0'\">\n                                    <div class=\"content\">\n                                        <div class=\"title\">{{item.drNum}}</div>\n                                        <div>宿舍内：{{item.backNum}}</div>\n                                        <div style=\"cursor: pointer;\">宿舍外：{{item.outNum}}</div>\n                                    </div>\n                                </div>\n                            </div>    \n                        </div>\n                    </div>\n                </div>\n            </el-col>\n        </el-row>\n\n    </el-card>\n</template>\n\n<script>\nimport dormitoryTree from '../../../components/public/dormitory-tree'\n    export default {\n        components:{dormitoryTree},\n        data(){\n            return{\n                type:'',\n                //树形 传参\n                treeValue:{\n                    df_floorid:'',\n                    df_type:'',\n                },\n                //搜索\n                formSearch: {\n                    scStuname: '',\n                    scNo: ''\n                },\n                picArr:[],\n                backNum:0,\n                outNum:0,\n                totalNum:0,\n                currentTime:\"\",\n            }\n        },\n        watch: {\n            '$store.state.user.valGoout': {\n                handler(val){\n                    if(val){\n                        this.dataFun(val);\n                    }\n                },\n                deep:true,\n                //immediate:true\n            },\n        },\n        activated(){\n            this.initTime()\n        },\n        mounted(){\n        },\n        methods:{\n            //当前年月日\n            initTime(){\n                this.currentTime=new Date().toLocaleString('zh',{hour12:false})\n            },\n            //左边 树形控件 回调函数\n            treeFun(val){\n                this.treeValue=val;\n                this.dataFun(this.treeValue)\n            },\n            //分页 数据\n            dataFun(val){\n                let params={\n                    floorId:val.df_floorid,\n                    type:val.df_type,\n                    scNo:this.formSearch.scNo,\n                    scStuname:this.formSearch.scStuname,\n                }\n                this.$http.get('/system/scdormitoryperson/getRoomCheckInInfo',{params})\n                .then(({data:res})=>{\n                    if(res.code !=0){\n                        return this.$message.error(res.msg)\n                    }\n                    let {backNum,outNum}=res.data\n                    this.totalNum=Number(backNum)+Number(outNum);\n                    this.backNum=backNum;\n                    this.outNum=outNum;\n                    this.picArr=res.data.data.map(item=>{\n                        return{\n                            ...item,\n                            backNum:0,\n                            outNum:0,\n                        }\n                    })\n                    this.picArr.map(item=>{\n                        item.backNum=0\n                        item.outNum=0\n                        if(item.dormitorypersonDTOS.length>0){\n                            item.dormitorypersonDTOS.map(v=>{                           \n                                v.isOut == 1 ?item.outNum++:item.backNum++                         \n                            }) \n                        }\n                    })                   \n                })\n            },\n            //查询\n            onSubmit(){\n                if(!this.$store.state.user.valGoout){\n                    return this.$message.info('请选择宿舍在查询')\n                }\n                if(!this.treeValue){\n                    this.dataFun(this.treeValue)\n                }else{\n                    this.dataFun(this.$store.state.user.valGoout)\n                }               \n            },\n            //重置\n            clickReset(){\n                this.formSearch.scStuname=''\n                this.formSearch.scNo=''\n                this.onSubmit()\n            },\n        },\n    }\n</script>\n\n<style lang=\"scss\" scoped>\n@mixin box-style{\n    color: #fff;\n    border-radius: 6px;   \n    position: relative;\n    background: rgba(20, 30, 40, 0.8);\n    box-shadow: 0px 0px 55px rgba($color: #00BFFF, $alpha: 0.5) inset;\n    border: 2px solid rgba($color: #00BFFF, $alpha: 0.5);     \n}\n.left{\n    /deep/ .el-tree{\n        height: 710px;\n        padding-right: 10px;\n        overflow-y: auto;\n    }\n}\n\n.right{\n    height: calc(100vh - 30px - 50px - 150px);\n    .top{\n        margin-bottom: 20px;\n        .el-card {\n            background: transparent;\n            border-color: transparent;\n            background-color: transparent;\n            @include box-style; \n            div{\n                font-size: 20px;\n                text-align: center;\n            }\n        }\n    }\n    .roomContent{\n        .roomBox{\n            display: flex;\n            flex-wrap: wrap;\n            height: 510px;\n            overflow-y: auto;\n            .room{\n                width: 120px;\n                height: 120px;\n                padding: 20px;\n                margin: 0px 52px 35px 0px;\n                cursor: pointer;\n               @include box-style;\n                // &:nth-child(7n){\n                //     margin-right: 0px;\n                // }\n               .content{\n                    cursor: pointer;         \n                    .title{\n                        margin-top: 0px;\n                        color:#00BFFF;\n                    } \n                    div{\n                        margin-bottom: 10px;\n                    }\n               }                 \n            }          \n        }\n        .zanwu{\n            color: #fff;\n            text-align: center;\n        }\n        \n    }\n    /* 滚动条 */\n    .roomBox::-webkit-scrollbar-track{\n        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.3);\n        border-radius: 15px;\n        background-color: rgba(255,255,255,0.8);\n    }\n    .roomBox::-webkit-scrollbar{\n        width: 5px;\n        background-color: rgba(179, 174, 174, 0);\n    }\n    .roomBox::-webkit-scrollbar-thumb{\n        border-radius: 15px;\n        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,.3);\n        background-color: #555;\n    }\n}\n.el-tooltip__popper {\n    .picCon{\n        display: flex;\n        .name{\n            display: inline-block;\n            font-size: 16px;\n            line-height: 70px;\n        }\n        .wgq{\n            color:red;\n            font-size:16px;\n            margin:40px 20px 0px 20px;\n        }\n        .ygq{\n            color:green;\n            font-size:16px;\n            margin:40px 20px 0px 20px;\n        }\n    }\n}\n</style>"]}]}