{"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\\goout3.vue?vue&type=style&index=0&id=25788e18&lang=scss&scoped=true&","dependencies":[{"path":"C:\\Users\\27446\\Desktop\\up\\front\\dkha-web-sz-main\\src\\views\\modules\\dormitoryManage\\goout3.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\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\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\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@mixin title-style{\n    width: 40px;\n    color: #fff;\n    font-size: 20px;\n    background-color: #1890FF;\n    text-align: center;\n    padding: 3px;\n    margin-right: 20px;\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: 570px;\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            .floorBox{\n                width: 1200px;\n                height: 180px;\n                display: flex;\n                .floorIndex{\n                    height: 100%;\n                    line-height: 90px;\n                    @include title-style;\n                }\n                .floorRoom{\n                    width: 100%;\n                    height: 180px;\n                    display: flex;\n                    flex-wrap: wrap;\n                    .rooms{\n                        width: 80px;\n                        height: 80px;\n                        margin-right: 26px;\n                        background-color: #fff;\n                        box-shadow: 2px 2px 2px #9b9090;\n                        border-radius: 2px;\n                    }\n                }\n            }         \n        }\n        .total{\n            z-index: 9;\n            display: flex;\n            .title{\n                height: 100px;\n                line-height: 46px;\n                @include title-style;\n            }\n            .el-card {\n                background: transparent;\n                border-color: transparent;\n                background-color: transparent;\n                width: 220px;\n                height: 100px;\n                @include box-style; \n                .num{\n                    font-size: 30px;\n                    margin: 0px 0px;\n                }\n            }\n            .one{\n                background-color: #FFBB48;\n            }\n            .two{\n                background-color: #57CD60;\n            }\n            .three{\n                background-color:#7189FF;\n            }\n            .four{\n                background-color:#DAA2FE;\n            }\n        }\n        .zanwu{\n            color: #fff;\n            text-align: center;\n        }\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":["goout3.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgnBA;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;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;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;AAGA;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":"goout3.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 label=\"状态：\">\n                                <el-select v-model=\"formSearch.scType\" placeholder=\"请选择\">\n                                    <el-option\n                                    v-for=\"item in options\"\n                                    :key=\"item.value\"\n                                    :label=\"item.label\"\n                                    :value=\"item.value\">\n                                    </el-option>\n                                </el-select>\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=\"floorBox\" v-for=\"(item,key) in testList\" :key=\"key\">\n                                <div class=\"floorIndex\">\n                                    {{item.type}}<br>楼\n                                </div>\n                                <div class=\"floorRoom\">\n                                    <div class=\"rooms\" v-for=\"(i,id) in item.roomList\" :key=\"id\">\n                                        <div>{{i.drNum}}</div>\n                                        <div>应到：{{i.total}}</div>\n                                        <div>实到：{{i.num}}</div>\n                                    </div>\n                                    \n                                </div>\n                                \n                            </div>  \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 class=\"total\">\n                            <div class=\"title\">统计</div>\n                            <el-row :gutter=\"20\" class=\"statistics\">\n                                <el-col :span=\"6\">\n                                    <el-card shadow=\"always\" class=\"aui-card--fill one\">\n                                        <p>{{currentTime}}</p>\n                                        <p>信息统计时间</p>\n                                    </el-card>\n                                </el-col>\n                                <el-col :span=\"6\">\n                                    <el-card shadow=\"always\" class=\"two\">\n                                        <p class=\"num\">{{totalNum}}</p>\n                                        <p>入住总人数</p>\n                                    </el-card>\n                                </el-col>\n                                <el-col :span=\"6\">\n                                    <el-card shadow=\"always\" class=\"three\">\n                                        <p class=\"num\">{{backNum}}</p>\n                                        <p>应到</p>\n                                    </el-card>\n                                </el-col>\n                                <el-col :span=\"6\">\n                                    <el-card shadow=\"always\" class=\"four\">\n                                        <p class=\"num\">{{outNum}}</p>\n                                        <p>实到</p>\n                                    </el-card>\n                                </el-col>\n                            </el-row> \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                    scType:''\n                },\n                options: [{\n                    value: '0',\n                    label: '未归寝'\n                    }, {\n                    value: '1',\n                    label: '已归寝'\n                }],\n                picArr:[],\n                backNum:0,\n                outNum:0,\n                totalNum:0,\n                currentTime:\"\",\n                testList:[\n                    {\n                        type:1,\n                        roomList:[\n                            {\n                                drNum:1001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:1002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:1001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:1002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                        ],                                            \n                    },\n                    {\n                        type:2,\n                        roomList:[\n                            {\n                                drNum:2001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:2001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:2002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:2002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:2001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:2002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            }\n                        ],                       \n                    },\n                    {\n                        type:3,\n                        roomList:[\n                            {\n                                drNum:3001,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:3001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:3002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            },\n                            {\n                                drNum:3002,\n                                total:2,\n                                num:1, \n                                stuList:[\n                                    {\n                                        room:3001,\n                                        name:'老王',\n                                        type:'未归寝'\n                                    },\n                                    {\n                                        room:3002,\n                                        name:'老王2',\n                                        type:'已归寝'\n                                    },\n                                ]\n                            }\n                        ],                       \n                    },                  \n                ]\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.val){\n                    return this.$message.info('请选择宿舍在查询')\n                }\n                if(!this.treeValue){\n                    this.dataFun(this.treeValue)\n                }else{\n                    this.dataFun(this.$store.state.user.val)\n                }               \n            },\n            //重置\n            clickReset(){\n                this.formSearch.scStuname=''\n                this.formSearch.scNo=''\n                this.formSearch.scType=''\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@mixin title-style{\n    width: 40px;\n    color: #fff;\n    font-size: 20px;\n    background-color: #1890FF;\n    text-align: center;\n    padding: 3px;\n    margin-right: 20px;\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: 570px;\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            .floorBox{\n                width: 1200px;\n                height: 180px;\n                display: flex;\n                .floorIndex{\n                    height: 100%;\n                    line-height: 90px;\n                    @include title-style;\n                }\n                .floorRoom{\n                    width: 100%;\n                    height: 180px;\n                    display: flex;\n                    flex-wrap: wrap;\n                    .rooms{\n                        width: 80px;\n                        height: 80px;\n                        margin-right: 26px;\n                        background-color: #fff;\n                        box-shadow: 2px 2px 2px #9b9090;\n                        border-radius: 2px;\n                    }\n                }\n            }         \n        }\n        .total{\n            z-index: 9;\n            display: flex;\n            .title{\n                height: 100px;\n                line-height: 46px;\n                @include title-style;\n            }\n            .el-card {\n                background: transparent;\n                border-color: transparent;\n                background-color: transparent;\n                width: 220px;\n                height: 100px;\n                @include box-style; \n                .num{\n                    font-size: 30px;\n                    margin: 0px 0px;\n                }\n            }\n            .one{\n                background-color: #FFBB48;\n            }\n            .two{\n                background-color: #57CD60;\n            }\n            .three{\n                background-color:#7189FF;\n            }\n            .four{\n                background-color:#DAA2FE;\n            }\n        }\n        .zanwu{\n            color: #fff;\n            text-align: center;\n        }\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>"]}]}